Merge branch 'main' into refactor/tailwind-components

cypress-io · Sep 16, 2024 · d74d44c · d74d44c
2 parents 0dd9b63 + e05fd51
commit d74d44c
Show file tree

Hide file tree

Showing 49 changed files with 628 additions and 59 deletions.
diff --git a/.changeset/spicy-readers-tickle.md b/.changeset/spicy-readers-tickle.md
@@ -0,0 +1,7 @@
+---
+'@cypress-design/react-icon': minor
+'@cypress-design/vue-icon': minor
+'@cypress-design/icon-registry': minor
+---
+
+Added are Accessibility icons variations: size 12x and 16x outline
diff --git a/.changeset/ten-geckos-worry.md b/.changeset/ten-geckos-worry.md
@@ -0,0 +1,5 @@
+---
+'@cypress-design/icon-registry': patch
+---
+
+add technology-magnifying-glass-no-results icon
diff --git a/ReadMe.md b/ReadMe.md
@@ -95,7 +95,7 @@ The name and size should match what's shown in Figma.
 
 Once added, the svg attributes should be tweaked so as to integrate with the icon generation tooling.
 
-- Replace main color with `currentColor`
+- Replace the main color with `currentColor`
 - Add `class="icon-dark"` to paths that are dark, generally the strokes
 - Add `class="icon-light"` to paths that are light, generally the fills
 - Remove the `width` and `height` attributes of the SVG

diff --git a/components/Icon/react/CHANGELOG.md b/components/Icon/react/CHANGELOG.md
@@ -1,5 +1,112 @@
 # @cypress-design/react-icon
 
+## 1.4.9
+
+### Patch Changes
+
+- [`55104a0`](https://github.com/cypress-io/cypress-design/commit/55104a0de78a7f4984bab364e409fb596110d3e8) Thanks [@elevatebart](https://github.com/elevatebart)! - fix: document-added-plus color settings in 12px was wrong
+
+- Updated dependencies [[`55104a0`](https://github.com/cypress-io/cypress-design/commit/55104a0de78a7f4984bab364e409fb596110d3e8)]:
+  - @cypress-design/icon-registry@1.4.9
+
+## 1.4.8
+
+### Patch Changes
+
+- [`d551652`](https://github.com/cypress-io/cypress-design/commit/d55165243ca2ea4acd78ddc428fb007a92815677) Thanks [@elevatebart](https://github.com/elevatebart)! - add plus icons for uicov branch review
+
+- Updated dependencies [[`d551652`](https://github.com/cypress-io/cypress-design/commit/d55165243ca2ea4acd78ddc428fb007a92815677)]:
+  - @cypress-design/icon-registry@1.4.8
+
+## 1.4.7
+
+### Patch Changes
+
+- [`381174a`](https://github.com/cypress-io/cypress-design/commit/381174aaec12e10963bdf8244c0dcc5a0afd307f) Thanks [@elevatebart](https://github.com/elevatebart)! - feat: add plus icon in 12
+
+- Updated dependencies [[`381174a`](https://github.com/cypress-io/cypress-design/commit/381174aaec12e10963bdf8244c0dcc5a0afd307f)]:
+  - @cypress-design/icon-registry@1.4.7
+
+## 1.4.6
+
+### Patch Changes
+
+- [#486](https://github.com/cypress-io/cypress-design/pull/486) [`904ea0f`](https://github.com/cypress-io/cypress-design/commit/904ea0f9e081407cb9759a96bececdf3d6f87956) Thanks [@emilyrohrbough](https://github.com/emilyrohrbough)! - Update Flaky Status Icon with latest designs
+
+- Updated dependencies [[`904ea0f`](https://github.com/cypress-io/cypress-design/commit/904ea0f9e081407cb9759a96bececdf3d6f87956)]:
+  - @cypress-design/icon-registry@1.4.6
+
+## 1.4.5
+
+### Patch Changes
+
+- [`abd180b`](https://github.com/cypress-io/cypress-design/commit/abd180b9a528d4e535e3ff453013a30bf12808cf) Thanks [@elevatebart](https://github.com/elevatebart)! - add object-chain-link tested icon
+
+- Updated dependencies [[`abd180b`](https://github.com/cypress-io/cypress-design/commit/abd180b9a528d4e535e3ff453013a30bf12808cf)]:
+  - @cypress-design/icon-registry@1.4.5
+
+## 1.4.4
+
+### Patch Changes
+
+- [`de75259`](https://github.com/cypress-io/cypress-design/commit/de752594d675900c91e15d1d31d61a30be11d27a) Thanks [@elevatebart](https://github.com/elevatebart)! - add chain link 12
+
+- Updated dependencies [[`de75259`](https://github.com/cypress-io/cypress-design/commit/de752594d675900c91e15d1d31d61a30be11d27a)]:
+  - @cypress-design/icon-registry@1.4.4
+
+## 1.4.3
+
+### Patch Changes
+
+- [`a22d163`](https://github.com/cypress-io/cypress-design/commit/a22d163bcc26bb04412625b6b7270372aa79f112) Thanks [@elevatebart](https://github.com/elevatebart)! - add browser checkmark
+
+- Updated dependencies [[`a22d163`](https://github.com/cypress-io/cypress-design/commit/a22d163bcc26bb04412625b6b7270372aa79f112)]:
+  - @cypress-design/icon-registry@1.4.3
+
+## 1.4.2
+
+### Patch Changes
+
+- [`266b524`](https://github.com/cypress-io/cypress-design/commit/266b52441e49291c5609cdc4d6fa85c6c7734ec6) Thanks [@elevatebart](https://github.com/elevatebart)! - add code editor diff icon
+
+- Updated dependencies [[`266b524`](https://github.com/cypress-io/cypress-design/commit/266b52441e49291c5609cdc4d6fa85c6c7734ec6)]:
+  - @cypress-design/icon-registry@1.4.2
+
+## 1.4.1
+
+### Patch Changes
+
+- [`6721d7c`](https://github.com/cypress-io/cypress-design/commit/6721d7c875e8a9d432e630ff3b2bc94696118d01) Thanks [@elevatebart](https://github.com/elevatebart)! - add triangle arrow icons
+
+- Updated dependencies [[`6721d7c`](https://github.com/cypress-io/cypress-design/commit/6721d7c875e8a9d432e630ff3b2bc94696118d01)]:
+  - @cypress-design/icon-registry@1.4.1
+
+## 1.4.0
+
+### Minor Changes
+
+- [#478](https://github.com/cypress-io/cypress-design/pull/478) [`9355536`](https://github.com/cypress-io/cypress-design/commit/9355536799317ce8dc9478c431434641c28dbc62) Thanks [@astone123](https://github.com/astone123)! - add technology-ui-coverage 16px icon
+
+### Patch Changes
+
+- Updated dependencies [[`1f8b5f4`](https://github.com/cypress-io/cypress-design/commit/1f8b5f4480202f0026589bad345b30a52e5f513e)]:
+  - @cypress-design/icon-registry@1.4.0
+
+## 1.3.5
+
+### Patch Changes
+
+- [`cc0523c`](https://github.com/cypress-io/cypress-design/commit/cc0523cf82169d631747e249309540e29f494181) Thanks [@ryanjwilke](https://github.com/ryanjwilke)! - Fixing the versions for the vue and react packages
+
+## 1.3.4
+
+### Patch Changes
+
+- [#471](https://github.com/cypress-io/cypress-design/pull/471) [`1df01a2`](https://github.com/cypress-io/cypress-design/commit/1df01a2ee7a2d2a2df21d6f4ed6fe7ad0c6b6a59) Thanks [@estrada9166](https://github.com/estrada9166)! - Added upgrade square icon
+
+- Updated dependencies [[`1df01a2`](https://github.com/cypress-io/cypress-design/commit/1df01a2ee7a2d2a2df21d6f4ed6fe7ad0c6b6a59)]:
+  - @cypress-design/icon-registry@1.3.4
+
 ## 1.3.3
 
 ### Patch Changes

diff --git a/components/Icon/react/package.json b/components/Icon/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@cypress-design/react-icon",
-  "version": "1.3.3",
+  "version": "1.4.9",
   "files": [
     "*"
   ],

diff --git a/components/Icon/vue/CHANGELOG.md b/components/Icon/vue/CHANGELOG.md
@@ -1,5 +1,112 @@
 # @cypress-design/vue-icon
 
+## 1.4.9
+
+### Patch Changes
+
+- [`55104a0`](https://github.com/cypress-io/cypress-design/commit/55104a0de78a7f4984bab364e409fb596110d3e8) Thanks [@elevatebart](https://github.com/elevatebart)! - fix: document-added-plus color settings in 12px was wrong
+
+- Updated dependencies [[`55104a0`](https://github.com/cypress-io/cypress-design/commit/55104a0de78a7f4984bab364e409fb596110d3e8)]:
+  - @cypress-design/icon-registry@1.4.9
+
+## 1.4.8
+
+### Patch Changes
+
+- [`d551652`](https://github.com/cypress-io/cypress-design/commit/d55165243ca2ea4acd78ddc428fb007a92815677) Thanks [@elevatebart](https://github.com/elevatebart)! - add plus icons for uicov branch review
+
+- Updated dependencies [[`d551652`](https://github.com/cypress-io/cypress-design/commit/d55165243ca2ea4acd78ddc428fb007a92815677)]:
+  - @cypress-design/icon-registry@1.4.8
+
+## 1.4.7
+
+### Patch Changes
+
+- [`381174a`](https://github.com/cypress-io/cypress-design/commit/381174aaec12e10963bdf8244c0dcc5a0afd307f) Thanks [@elevatebart](https://github.com/elevatebart)! - feat: add plus icon in 12
+
+- Updated dependencies [[`381174a`](https://github.com/cypress-io/cypress-design/commit/381174aaec12e10963bdf8244c0dcc5a0afd307f)]:
+  - @cypress-design/icon-registry@1.4.7
+
+## 1.4.6
+
+### Patch Changes
+
+- [#486](https://github.com/cypress-io/cypress-design/pull/486) [`904ea0f`](https://github.com/cypress-io/cypress-design/commit/904ea0f9e081407cb9759a96bececdf3d6f87956) Thanks [@emilyrohrbough](https://github.com/emilyrohrbough)! - Update Flaky Status Icon with latest designs
+
+- Updated dependencies [[`904ea0f`](https://github.com/cypress-io/cypress-design/commit/904ea0f9e081407cb9759a96bececdf3d6f87956)]:
+  - @cypress-design/icon-registry@1.4.6
+
+## 1.4.5
+
+### Patch Changes
+
+- [`abd180b`](https://github.com/cypress-io/cypress-design/commit/abd180b9a528d4e535e3ff453013a30bf12808cf) Thanks [@elevatebart](https://github.com/elevatebart)! - add object-chain-link tested icon
+
+- Updated dependencies [[`abd180b`](https://github.com/cypress-io/cypress-design/commit/abd180b9a528d4e535e3ff453013a30bf12808cf)]:
+  - @cypress-design/icon-registry@1.4.5
+
+## 1.4.4
+
+### Patch Changes
+
+- [`de75259`](https://github.com/cypress-io/cypress-design/commit/de752594d675900c91e15d1d31d61a30be11d27a) Thanks [@elevatebart](https://github.com/elevatebart)! - add chain link 12
+
+- Updated dependencies [[`de75259`](https://github.com/cypress-io/cypress-design/commit/de752594d675900c91e15d1d31d61a30be11d27a)]:
+  - @cypress-design/icon-registry@1.4.4
+
+## 1.4.3
+
+### Patch Changes
+
+- [`a22d163`](https://github.com/cypress-io/cypress-design/commit/a22d163bcc26bb04412625b6b7270372aa79f112) Thanks [@elevatebart](https://github.com/elevatebart)! - add browser checkmark
+
+- Updated dependencies [[`a22d163`](https://github.com/cypress-io/cypress-design/commit/a22d163bcc26bb04412625b6b7270372aa79f112)]:
+  - @cypress-design/icon-registry@1.4.3
+
+## 1.4.2
+
+### Patch Changes
+
+- [`266b524`](https://github.com/cypress-io/cypress-design/commit/266b52441e49291c5609cdc4d6fa85c6c7734ec6) Thanks [@elevatebart](https://github.com/elevatebart)! - add code editor diff icon
+
+- Updated dependencies [[`266b524`](https://github.com/cypress-io/cypress-design/commit/266b52441e49291c5609cdc4d6fa85c6c7734ec6)]:
+  - @cypress-design/icon-registry@1.4.2
+
+## 1.4.1
+
+### Patch Changes
+
+- [`6721d7c`](https://github.com/cypress-io/cypress-design/commit/6721d7c875e8a9d432e630ff3b2bc94696118d01) Thanks [@elevatebart](https://github.com/elevatebart)! - add triangle arrow icons
+
+- Updated dependencies [[`6721d7c`](https://github.com/cypress-io/cypress-design/commit/6721d7c875e8a9d432e630ff3b2bc94696118d01)]:
+  - @cypress-design/icon-registry@1.4.1
+
+## 1.4.0
+
+### Minor Changes
+
+- [#478](https://github.com/cypress-io/cypress-design/pull/478) [`9355536`](https://github.com/cypress-io/cypress-design/commit/9355536799317ce8dc9478c431434641c28dbc62) Thanks [@astone123](https://github.com/astone123)! - add technology-ui-coverage 16px icon
+
+### Patch Changes
+
+- Updated dependencies [[`1f8b5f4`](https://github.com/cypress-io/cypress-design/commit/1f8b5f4480202f0026589bad345b30a52e5f513e)]:
+  - @cypress-design/icon-registry@1.4.0
+
+## 1.3.5
+
+### Patch Changes
+
+- [`cc0523c`](https://github.com/cypress-io/cypress-design/commit/cc0523cf82169d631747e249309540e29f494181) Thanks [@ryanjwilke](https://github.com/ryanjwilke)! - Fixing the versions for the vue and react packages
+
+## 1.3.4
+
+### Patch Changes
+
+- [#471](https://github.com/cypress-io/cypress-design/pull/471) [`1df01a2`](https://github.com/cypress-io/cypress-design/commit/1df01a2ee7a2d2a2df21d6f4ed6fe7ad0c6b6a59) Thanks [@estrada9166](https://github.com/estrada9166)! - Added upgrade square icon
+
+- Updated dependencies [[`1df01a2`](https://github.com/cypress-io/cypress-design/commit/1df01a2ee7a2d2a2df21d6f4ed6fe7ad0c6b6a59)]:
+  - @cypress-design/icon-registry@1.3.4
+
 ## 1.3.3
 
 ### Patch Changes

diff --git a/components/Icon/vue/package.json b/components/Icon/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@cypress-design/vue-icon",
-  "version": "1.3.3",
+  "version": "1.4.9",
   "files": [
     "*"
   ],

diff --git a/components/Tag/ReadMe.md b/components/Tag/ReadMe.md
@@ -1,11 +1,29 @@
 <script lang="ts" setup>
+import { CssSize, CssColor } from '@cypress-design/constants-tag'
 import Tag from '@cypress-design/vue-tag'
 </script>
 
 # Tag
 
 <DemoWrapper>
 	<Tag color="jade" class="px-[8px]">Tag</Tag>
+  <div class="flex flex-row flex-wrap items-start justify-center bg-gray-700 gap-6 mt-5">
+    <div v-for="size of Object.keys(CssSize)" class="flex flex-col items-center gap-3 justify-center my-4 p-4 bg-white rounded-lg">
+      <h3 class="text-right">{{size}}</h3>
+      <div v-for="color of Object.keys(CssColor)" class="flex gap-4 items-center justify-stretch">
+        <div class="flex items-center justify-center">
+          <Tag :size="size" :color="color">
+            {{color}}
+          </Tag>
+        </div>
+        <div class="flex items-center justify-center">
+          <Tag :size="size" :color="color" dark>
+            {{color}}
+          </Tag>
+        </div>
+      </div>
+    </div>
+  </div>
 </DemoWrapper>
 
 [figma::Tag](https://www.figma.com/file/1WJ3GVQyMV5e7xVxPg3yID/Design-System%2C-v1.x---%40latest?node-id=1950-2659&t=XOxzeAZJ0mBFwEHV-4)
diff --git a/components/Tag/constants/CHANGELOG.md b/components/Tag/constants/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @cypress-design/constants-tag
 
+## 1.0.1
+
+### Patch Changes
+
+- [`aefd489`](https://github.com/cypress-io/cypress-design/commit/aefd4892aa8757a28ca1a3ca4e21ee5d25171f88) Thanks [@elevatebart](https://github.com/elevatebart)! - fix: tags with their border should be exactly their size but their padding is too big
+
 ## 1.0.0
 
 ### Major Changes

diff --git a/components/Tag/constants/package.json b/components/Tag/constants/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@cypress-design/constants-tag",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "files": [
     "*"
   ],

diff --git a/components/Tag/constants/src/index.ts b/components/Tag/constants/src/index.ts
@@ -2,10 +2,10 @@ export const CssShared =
   'rounded border align-middle font-medium inline-flex items-center'
 
 export const CssSize = {
-  '16': 'text-[12px] leading-[16px] h-[16px] px-[4px]',
-  '20': 'text-[14px] leading-[20px] h-[20px] px-[4px]',
-  '24': 'text-[16px] leading-[24px] h-[24px] px-[8px]',
-  '32': 'text-[16px] leading-[24px] h-[32px] px-[12px]',
+  '16': 'text-[12px] leading-[16px] h-[16px] px-[3px]',
+  '20': 'text-[14px] leading-[20px] h-[20px] px-[3px]',
+  '24': 'text-[16px] leading-[24px] h-[24px] px-[7px]',
+  '32': 'text-[16px] leading-[24px] h-[32px] px-[11px]',
 } as const
 
 export const CssColor = {

diff --git a/components/Tag/react/CHANGELOG.md b/components/Tag/react/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @cypress-design/react-tag
 
+## 1.0.3
+
+### Patch Changes
+
+- [`aefd489`](https://github.com/cypress-io/cypress-design/commit/aefd4892aa8757a28ca1a3ca4e21ee5d25171f88) Thanks [@elevatebart](https://github.com/elevatebart)! - fix: tags with their border should be exactly their size but their padding is too big
+
 ## 1.0.2
 
 ### Patch Changes

diff --git a/components/Tag/react/ReadMe.md b/components/Tag/react/ReadMe.md
@@ -17,3 +17,11 @@ yarn add @cypress-design/react-tag
 ```ts
 import Tag from '@cypress-design/react-tag'
 ```
+
+```tsx live
+export default () => (
+  <Tag size="20" color="indigo">
+    Tag
+  </Tag>
+)
+```
diff --git a/components/Tag/react/package.json b/components/Tag/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@cypress-design/react-tag",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "files": [
     "*"
   ],

diff --git a/components/Tag/vue/CHANGELOG.md b/components/Tag/vue/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @cypress-design/vue-tag
 
+## 1.0.1
+
+### Patch Changes
+
+- [`aefd489`](https://github.com/cypress-io/cypress-design/commit/aefd4892aa8757a28ca1a3ca4e21ee5d25171f88) Thanks [@elevatebart](https://github.com/elevatebart)! - fix: tags with their border should be exactly their size but their padding is too big
+
 ## 1.0.0
 
 ### Major Changes

diff --git a/components/Tag/vue/ReadMe.md b/components/Tag/vue/ReadMe.md
@@ -17,3 +17,9 @@ yarn add @cypress-design/vue-tag
 ```ts
 import Tag from '@cypress-design/vue-tag'
 ```
+
+```vue live
+<Tag size="20" color="indigo">
+  Tag
+</Tag>
+```
diff --git a/components/Tag/vue/package.json b/components/Tag/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@cypress-design/vue-tag",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "files": [
     "*"
   ],