npm - @weni/unnnic-system - Versions diffs - 3.25.6 → 3.26.0 - Mend

@weni/unnnic-system 3.25.6 → 3.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (69) hide show

package/dist/{es-CNigXHb1.mjs → es-Dhz_Vb5J.mjs} +1 -1
package/dist/{index-B-PMK0Fu.mjs → index-CyIfw1Zx.mjs} +6972 -6910
package/dist/index.d.ts +60 -2
package/dist/{pt-br-D4aJiC1v.mjs → pt-br-LgmWO25q.mjs} +1 -1
package/dist/style.css +1 -1
package/dist/tokens/colors.d.ts +2 -0
package/dist/tokens/colors.mjs +2 -0
package/dist/unnnic.mjs +18 -17
package/dist/unnnic.umd.js +29 -29
package/package.json +2 -1
package/src/assets/scss/colors-hsl.scss +2 -0
package/src/assets/scss/colors.scss +0 -43
package/src/assets/scss/deprecated/colors.scss +1 -0
package/src/assets/scss/scheme-colors.scss +3 -0
package/src/assets/scss/semantic-colors.scss +48 -0
package/src/assets/scss/semantic-text-utilities.scss +9 -0
package/src/assets/scss/tailwind.scss +1 -1
package/src/assets/scss/theme.scss +98 -0
package/src/assets/scss/unnnic.scss +2 -0
package/src/assets/tokens/colors-primitives.json +155 -0
package/src/assets/tokens/colors-semantic-dark.json +55 -0
package/src/assets/tokens/colors-semantic.json +55 -0
package/src/components/Alert/__tests__/__snapshots__/Alert.spec.js.snap +1 -1
package/src/components/AudioRecorder/AudioTranscriptionButton.vue +3 -1
package/src/components/Button/Button.vue +17 -18
package/src/components/Card/CardCompany.vue +1 -1
package/src/components/CardNumber/CardNumber.vue +1 -1
package/src/components/CardProject/CardProject.vue +4 -4
package/src/components/Carousel/TagCarousel.vue +2 -2
package/src/components/ChartRainbow/ChartRainbow.vue +2 -2
package/src/components/ChatsContact/ChatsContact.vue +70 -10
package/src/components/ChatsContact/__tests__/ChatsContact.spec.js +119 -0
package/src/components/ChatsContact/__tests__/__snapshots__/ChatsContact.spec.js.snap +1 -1
package/src/components/ChatsMessage/ChatsMessage.vue +6 -7
package/src/components/ChatsMessage/ChatsMessageStatusBackdrop.vue +1 -1
package/src/components/ChatsMessage/ReplyMessage.vue +4 -4
package/src/components/ChatsNavbar/ChatsNavbar.vue +1 -1
package/src/components/ChatsUserAvatar/ChatsUserAvatar.vue +3 -3
package/src/components/Chip/Chip.vue +20 -26
package/src/components/Chip/__tests__/Chip.spec.js +3 -3
package/src/components/DataTable/index.vue +2 -2
package/src/components/DatePicker/DatePicker.vue +4 -4
package/src/components/EmojiPicker/EmojiPicker.vue +40 -4
package/src/components/EmojiPicker/__tests__/EmojiPicker.spec.js +1 -1
package/src/components/FormElement/FormElement.vue +1 -1
package/src/components/Input/Input.scss +2 -2
package/src/components/Input/TextInput.vue +1 -1
package/src/components/SelectTime/index.vue +1 -1
package/src/components/Sidebar/index.vue +1 -1
package/src/components/SkeletonLoading/skeletonTheme.vue +2 -4
package/src/components/Table/Table.vue +1 -1
package/src/components/Tag/DefaultTag.vue +9 -11
package/src/components/TemplatePreview/TemplatePreview.vue +1 -1
package/src/components/Toast/Toast.vue +4 -4
package/src/components/Toast/__tests__/Toast.spec.js +5 -5
package/src/components/ToolTip/ToolTip.vue +1 -1
package/src/components/Tour/TourMask.vue +1 -1
package/src/components/ui/dialog/DialogContent.vue +1 -1
package/src/components/ui/popover/PopoverContent.vue +1 -1
package/src/components/ui/popover/PopoverOption.vue +2 -2
package/src/components/ui/tooltip/TooltipContent.vue +5 -4
package/src/composables/useTheme.ts +67 -0
package/src/index.ts +2 -0
package/src/stories/ChatsContact.stories.js +53 -0
package/src/stories/Colors.stories.js +6 -1
package/src/stories/Icon.stories.js +1 -0
package/src/stories/IconLoading.stories.js +1 -0
package/src/types/scheme-colors.d.ts +2 -0
package/src/assets/tokens/colors.json +0 -552

package/src/stories/Icon.stories.js CHANGED Viewed

@@ -18,6 +18,7 @@ const schemes = [
   'fg-emphasized',
   'fg-muted',
   'fg-inverted',
+  'fg-on-primary',
   'fg-info',
   'fg-success',
   'fg-warning',

package/src/stories/IconLoading.stories.js CHANGED Viewed

@@ -15,6 +15,7 @@ export default {
         'fg-muted',
         'fg-emphasized',
         'fg-inverted',
+        'fg-on-primary',
         'fg-active',
         'fg-info',
         'fg-success',

package/src/types/scheme-colors.d.ts CHANGED Viewed

@@ -97,10 +97,12 @@ export type SchemeColor =
   | 'bg-success'
   | 'bg-warning'
   | 'bg-critical'
+  | 'bg-inverted'
   | 'fg-base'
   | 'fg-muted'
   | 'fg-emphasized'
   | 'fg-inverted'
+  | 'fg-on-primary'
   | 'fg-active'
   | 'fg-info'
   | 'fg-success'

package/src/assets/tokens/colors.json DELETED Viewed

@@ -1,552 +0,0 @@
-{
-  "color": {
-    "gray": {
-      "0": {
-        "value": "#FFFFFF"
-      },
-      "1": {
-        "value": "#F5F5F5"
-      },
-      "2": {
-        "value": "#EBEBEB"
-      },
-      "3": {
-        "value": "#E0E0E0"
-      },
-      "4": {
-        "value": "#D6D6D6"
-      },
-      "5": {
-        "value": "#C2C2C2"
-      },
-      "6": {
-        "value": "#ADADAD"
-      },
-      "7": {
-        "value": "#999999"
-      },
-      "8": {
-        "value": "#858585"
-      },
-      "9": {
-        "value": "#707070"
-      },
-      "10": {
-        "value": "#5C5C5C"
-      },
-      "11": {
-        "value": "#3D3D3D"
-      },
-      "12": {
-        "value": "#1F1F1F"
-      },
-      "13": {
-        "value": "#000000"
-      }
-    },
-    "teal": {
-      "1": {
-        "value": "#E9FAF8"
-      },
-      "2": {
-        "value": "#CFF8F4"
-      },
-      "3": {
-        "value": "#ABF2EB"
-      },
-      "4": {
-        "value": "#8DEAE3"
-      },
-      "5": {
-        "value": "#66DBD3"
-      },
-      "6": {
-        "value": "#40CAC2"
-      },
-      "7": {
-        "value": "#10B6AF"
-      },
-      "8": {
-        "value": "#01A29B"
-      },
-      "9": {
-        "value": "#018D88"
-      },
-      "10": {
-        "value": "#017873"
-      },
-      "11": {
-        "value": "#016460"
-      },
-      "12": {
-        "value": "#0D504D"
-      },
-      "13": {
-        "value": "#133D3B"
-      }
-    },
-    "green": {
-      "1": {
-        "value": "#E9FCE3"
-      },
-      "2": {
-        "value": "#CEFDC0"
-      },
-      "3": {
-        "value": "#AFF79E"
-      },
-      "4": {
-        "value": "#97EF86"
-      },
-      "5": {
-        "value": "#74E26C"
-      },
-      "6": {
-        "value": "#4FD051"
-      },
-      "7": {
-        "value": "#28BC37"
-      },
-      "8": {
-        "value": "#08A822"
-      },
-      "9": {
-        "value": "#019213"
-      },
-      "10": {
-        "value": "#017D10"
-      },
-      "11": {
-        "value": "#016810"
-      },
-      "12": {
-        "value": "#01540E"
-      },
-      "13": {
-        "value": "#01410B"
-      }
-    },
-    "blue": {
-      "1": {
-        "value": "#F1F8FD"
-      },
-      "2": {
-        "value": "#E1F3FF"
-      },
-      "3": {
-        "value": "#CBE9FF"
-      },
-      "4": {
-        "value": "#B6DFFF"
-      },
-      "5": {
-        "value": "#97CFFE"
-      },
-      "6": {
-        "value": "#79BCFB"
-      },
-      "7": {
-        "value": "#5AA8F7"
-      },
-      "8": {
-        "value": "#3993F4"
-      },
-      "9": {
-        "value": "#157BF4"
-      },
-      "10": {
-        "value": "#0366DD"
-      },
-      "11": {
-        "value": "#0155B7"
-      },
-      "12": {
-        "value": "#014592"
-      },
-      "13": {
-        "value": "#013672"
-      }
-    },
-    "purple": {
-      "1": {
-        "value": "#F9F5FD"
-      },
-      "2": {
-        "value": "#F5EAFE"
-      },
-      "3": {
-        "value": "#EDDCFE"
-      },
-      "4": {
-        "value": "#E5CFFE"
-      },
-      "5": {
-        "value": "#DABAFD"
-      },
-      "6": {
-        "value": "#CBA3FC"
-      },
-      "7": {
-        "value": "#BC8AFB"
-      },
-      "8": {
-        "value": "#AD71F8"
-      },
-      "9": {
-        "value": "#9C56F3"
-      },
-      "10": {
-        "value": "#883CE6"
-      },
-      "11": {
-        "value": "#7225D2"
-      },
-      "12": {
-        "value": "#5C12B6"
-      },
-      "13": {
-        "value": "#460B93"
-      }
-    },
-    "red": {
-      "1": {
-        "value": "#FDF6F5"
-      },
-      "2": {
-        "value": "#FFEDEA"
-      },
-      "3": {
-        "value": "#FFDFD9"
-      },
-      "4": {
-        "value": "#FFD0C7"
-      },
-      "5": {
-        "value": "#FFBBAD"
-      },
-      "6": {
-        "value": "#FF9E8B"
-      },
-      "7": {
-        "value": "#FF7F68"
-      },
-      "8": {
-        "value": "#F95D47"
-      },
-      "9": {
-        "value": "#EC3727"
-      },
-      "10": {
-        "value": "#D31A15"
-      },
-      "11": {
-        "value": "#B40202"
-      },
-      "12": {
-        "value": "#940303"
-      },
-      "13": {
-        "value": "#720000"
-      }
-    },
-    "orange": {
-      "1": {
-        "value": "#FDF5E9"
-      },
-      "2": {
-        "value": "#FFEDCD"
-      },
-      "3": {
-        "value": "#FFE0AE"
-      },
-      "4": {
-        "value": "#FED392"
-      },
-      "5": {
-        "value": "#FEBC64"
-      },
-      "6": {
-        "value": "#FFA138"
-      },
-      "7": {
-        "value": "#F78612"
-      },
-      "8": {
-        "value": "#E57001"
-      },
-      "9": {
-        "value": "#CC5E01"
-      },
-      "10": {
-        "value": "#B24D01"
-      },
-      "11": {
-        "value": "#963E01"
-      },
-      "12": {
-        "value": "#7B3001"
-      },
-      "13": {
-        "value": "#622401"
-      }
-    },
-    "yellow": {
-      "1": {
-        "value": "#FBF7D4"
-      },
-      "2": {
-        "value": "#FDF5AD"
-      },
-      "3": {
-        "value": "#FAEC6D"
-      },
-      "4": {
-        "value": "#FADE1E"
-      },
-      "5": {
-        "value": "#E9C701"
-      },
-      "6": {
-        "value": "#D8B401"
-      },
-      "7": {
-        "value": "#C5A001"
-      },
-      "8": {
-        "value": "#B18D01"
-      },
-      "9": {
-        "value": "#9C7901"
-      },
-      "10": {
-        "value": "#866701"
-      },
-      "11": {
-        "value": "#715401"
-      },
-      "12": {
-        "value": "#5C4401"
-      },
-      "13": {
-        "value": "#493401"
-      }
-    },
-    "cyan": {
-      "1": {
-        "value": "#E6FAFD"
-      },
-      "2": {
-        "value": "#C6F9FF"
-      },
-      "3": {
-        "value": "#A5F1FF"
-      },
-      "4": {
-        "value": "#89E8FB"
-      },
-      "5": {
-        "value": "#61D9F4"
-      },
-      "6": {
-        "value": "#34C6E9"
-      },
-      "7": {
-        "value": "#13B1DB"
-      },
-      "8": {
-        "value": "#029DC9"
-      },
-      "9": {
-        "value": "#0187B5"
-      },
-      "10": {
-        "value": "#0172A0"
-      },
-      "11": {
-        "value": "#015E8A"
-      },
-      "12": {
-        "value": "#014B74"
-      },
-      "13": {
-        "value": "#013A5E"
-      }
-    },
-    "pink": {
-      "1": {
-        "value": "#FDF5F7"
-      },
-      "2": {
-        "value": "#FFEBF2"
-      },
-      "3": {
-        "value": "#FFDFEB"
-      },
-      "4": {
-        "value": "#FFC8DC"
-      },
-      "5": {
-        "value": "#FEB2CD"
-      },
-      "6": {
-        "value": "#FF98BF"
-      },
-      "7": {
-        "value": "#FE78AC"
-      },
-      "8": {
-        "value": "#EF5997"
-      },
-      "9": {
-        "value": "#DE387F"
-      },
-      "10": {
-        "value": "#CA226A"
-      },
-      "11": {
-        "value": "#AF0956"
-      },
-      "12": {
-        "value": "#8F0246"
-      },
-      "13": {
-        "value": "#74043B"
-      }
-    },
-    "bg": {
-      "base": {
-        "value": "{color.gray.0}"
-      },
-      "base-soft": {
-        "value": "{color.gray.1}"
-      },
-      "muted": {
-        "value": "{color.gray.2}"
-      },
-      "accent-plain": {
-        "value": "{color.teal.2}"
-      },
-      "accent-strong": {
-        "value": "{color.teal.8}"
-      },
-      "info": {
-        "value": "{color.blue.1}"
-      },
-      "success": {
-        "value": "{color.green.1}"
-      },
-      "warning": {
-        "value": "{color.yellow.1}"
-      },
-      "critical": {
-        "value": "{color.red.1}"
-      },
-      "red-plain": {
-        "value": "{color.red.3}"
-      },
-      "red-strong": {
-        "value": "{color.red.9}"
-      },
-      "orange-plain": {
-        "value": "{color.orange.3}"
-      },
-      "orange-strong": {
-        "value": "{color.orange.8}"
-      },
-      "yellow-plain": {
-        "value": "{color.yellow.2}"
-      },
-      "yellow-strong": {
-        "value": "{color.yellow.8}"
-      },
-      "green-plain": {
-        "value": "{color.green.3}"
-      },
-      "green-strong": {
-        "value": "{color.green.8}"
-      },
-      "teal-plain": {
-        "value": "{color.teal.3}"
-      },
-      "teal-strong": {
-        "value": "{color.teal.8}"
-      },
-      "blue-plain": {
-        "value": "{color.blue.3}"
-      },
-      "blue-strong": {
-        "value": "{color.blue.8}"
-      },
-      "purple-plain": {
-        "value": "{color.purple.3}"
-      },
-      "purple-strong": {
-        "value": "{color.purple.8}"
-      },
-      "pink-plain": {
-        "value": "{color.pink.3}"
-      },
-      "pink-strong": {
-        "value": "{color.pink.8}"
-      }
-    },
-    "fg": {
-      "base": {
-        "value": "{color.gray.11}"
-      },
-      "emphasized": {
-        "value": "{color.gray.12}"
-      },
-      "muted": {
-        "value": "{color.gray.9}"
-      },
-      "inverted": {
-        "value": "{color.gray.0}"
-      },
-      "accent": {
-        "value": "{color.teal.8}"
-      },
-      "info": {
-        "value": "{color.blue.9}"
-      },
-      "success": {
-        "value": "{color.green.9}"
-      },
-      "warning": {
-        "value": "{color.yellow.9}"
-      },
-      "critical": {
-        "value": "{color.red.9}"
-      }
-    },
-    "border": {
-      "base": {
-        "value": "{color.gray.3}"
-      },
-      "muted": {
-        "value": "{color.gray.2}"
-      },
-      "emphasized": {
-        "value": "{color.gray.7}"
-      },
-      "accent-plain": {
-        "value": "{color.teal.5}"
-      },
-      "accent-strong": {
-        "value": "{color.teal.8}"
-      },
-      "info": {
-        "value": "{color.blue.5}"
-      },
-      "success": {
-        "value": "{color.green.5}"
-      },
-      "warning": {
-        "value": "{color.yellow.5}"
-      },
-      "critical": {
-        "value": "{color.red.6}"
-      }
-    }
-  }
-}