From bb0e8aec0a9c33b2c690fdd6ccb101a19c0cbdcd Mon Sep 17 00:00:00 2001 From: Michael Ignoto Date: Tue, 10 Mar 2026 10:25:46 -0400 Subject: [PATCH] EP-9545: Upgrade @hopper-ui/tokens to v5 with workleap theme Update @hopper-ui/tokens from ^4.3.x to ^5.0.0 across all 47 component packages and update CSS imports from @hopper-ui/tokens/tokens.css to @hopper-ui/tokens/workleap/tokens.css per Hopper v5 breaking changes. Co-Authored-By: Claude Opus 4.6 --- .changeset/upgrade-hopper-tokens-v5.md | 51 ++++++++++++++++++ .storybook/styles.css | 2 +- package.json | 2 +- packages/ActionMenu/package.json | 2 +- packages/ActionMenu/src/action-menu.scss | 2 +- packages/Alert/package.json | 2 +- packages/Alert/src/alert.scss | 2 +- packages/AreaChart/package.json | 2 +- packages/AreaChart/src/area-chart.scss | 2 +- packages/Avatar/package.json | 2 +- packages/Avatar/src/avatar.scss | 2 +- packages/BarChart/package.json | 2 +- packages/BarChart/src/bar-chart.scss | 2 +- packages/Breadcrumb/package.json | 2 +- packages/Breadcrumb/src/breadcrumb.scss | 2 +- packages/Button/package.json | 2 +- packages/Button/src/button.scss | 2 +- packages/ButtonGroup/package.json | 2 +- packages/ButtonGroup/src/button-group.scss | 2 +- packages/Card/package.json | 2 +- packages/Card/src/card.scss | 2 +- packages/Carousel/package.json | 2 +- packages/Carousel/src/carousel.scss | 2 +- packages/Checkbox/package.json | 2 +- packages/Checkbox/src/checkbox.scss | 2 +- packages/Color/package.json | 2 +- packages/Color/src/color.scss | 2 +- packages/ColorPicker/package.json | 2 +- packages/ColorPicker/src/color-picker.scss | 2 +- packages/Combobox/package.json | 2 +- packages/Combobox/src/combobox.scss | 2 +- packages/Datepicker/package.json | 2 +- packages/Datepicker/src/datepicker.scss | 2 +- packages/Dialog/package.json | 2 +- packages/Dialog/src/dialog.scss | 2 +- packages/Disclosure/package.json | 2 +- packages/Disclosure/src/disclosure.scss | 2 +- packages/Dropdown/package.json | 2 +- packages/Dropdown/src/dropdown.scss | 2 +- packages/Ellipsis/package.json | 2 +- packages/Filter/package.json | 2 +- packages/Filter/src/filter.scss | 2 +- packages/FormGroup/package.json | 2 +- packages/HelperText/package.json | 2 +- packages/HelperText/src/helper-text.scss | 2 +- packages/Hyperlink/package.json | 2 +- packages/Hyperlink/src/hyperlink.scss | 2 +- packages/IconButton/package.json | 2 +- packages/IconButton/src/icon-button.scss | 2 +- packages/Input/package.json | 2 +- packages/Input/src/input.scss | 2 +- packages/List/package.json | 2 +- packages/List/src/list-item.scss | 2 +- packages/List/src/list.scss | 2 +- packages/Metric/package.json | 2 +- packages/Metric/src/metric.scss | 2 +- packages/Metric/src/score.scss | 2 +- packages/Modal/package.json | 2 +- packages/Modal/src/modal.scss | 2 +- packages/OptionButton/package.json | 2 +- packages/OptionButton/src/option-button.scss | 2 +- packages/Pager/package.json | 2 +- packages/Pager/src/pager.scss | 2 +- packages/PieChart/package.json | 2 +- packages/PieChart/src/pie-chart.scss | 2 +- packages/Popover/package.json | 2 +- packages/Popover/src/popover.scss | 2 +- packages/ProgressBar/package.json | 2 +- packages/ProgressBar/src/progress-bar.scss | 2 +- packages/Provider/package.json | 2 +- packages/Radio/package.json | 2 +- packages/Radio/src/radio.scss | 2 +- packages/Select/package.json | 2 +- packages/Select/src/select.scss | 2 +- packages/StackedBar/package.json | 2 +- .../StackedBar/src/stacked-bar-tooltip.scss | 2 +- packages/StackedBar/src/stacked-bar.scss | 2 +- packages/Stepper/package.json | 2 +- packages/Stepper/src/step.scss | 2 +- packages/Stepper/src/stepper.scss | 2 +- packages/Tabs/package.json | 2 +- packages/Tabs/src/tabs.scss | 2 +- packages/Tag/package.json | 2 +- packages/Tag/src/tag.scss | 2 +- packages/TagPicker/package.json | 2 +- packages/TagPicker/src/tag-picker.scss | 2 +- packages/TextEditor/package.json | 2 +- packages/TextEditor/src/text-editor.scss | 2 +- packages/Textarea/package.json | 2 +- packages/Textarea/src/textarea.scss | 2 +- packages/Toaster/package.json | 2 +- packages/Toaster/src/toaster.scss | 2 +- packages/Toggle/package.json | 2 +- packages/Toggle/src/toggle.scss | 2 +- packages/Tooltip/package.json | 2 +- packages/Tooltip/src/tooltip.scss | 2 +- packages/VerticalBarChart/package.json | 2 +- .../src/vertical-bar-chart.scss | 2 +- utils/bootstrap/template/package.json | 2 +- yarn.lock | 53 +++---------------- 100 files changed, 157 insertions(+), 143 deletions(-) create mode 100644 .changeset/upgrade-hopper-tokens-v5.md diff --git a/.changeset/upgrade-hopper-tokens-v5.md b/.changeset/upgrade-hopper-tokens-v5.md new file mode 100644 index 000000000..f0d80bbf8 --- /dev/null +++ b/.changeset/upgrade-hopper-tokens-v5.md @@ -0,0 +1,51 @@ +--- +"@igloo-ui/action-menu": patch +"@igloo-ui/alert": patch +"@igloo-ui/area-chart": patch +"@igloo-ui/avatar": patch +"@igloo-ui/bar-chart": patch +"@igloo-ui/breadcrumb": patch +"@igloo-ui/button": patch +"@igloo-ui/button-group": patch +"@igloo-ui/card": patch +"@igloo-ui/carousel": patch +"@igloo-ui/checkbox": patch +"@igloo-ui/color": patch +"@igloo-ui/color-picker": patch +"@igloo-ui/combobox": patch +"@igloo-ui/datepicker": patch +"@igloo-ui/dialog": patch +"@igloo-ui/disclosure": patch +"@igloo-ui/dropdown": patch +"@igloo-ui/ellipsis": patch +"@igloo-ui/filter": patch +"@igloo-ui/form-group": patch +"@igloo-ui/helper-text": patch +"@igloo-ui/hyperlink": patch +"@igloo-ui/icon-button": patch +"@igloo-ui/input": patch +"@igloo-ui/list": patch +"@igloo-ui/metric": patch +"@igloo-ui/modal": patch +"@igloo-ui/option-button": patch +"@igloo-ui/pager": patch +"@igloo-ui/pie-chart": patch +"@igloo-ui/popover": patch +"@igloo-ui/progress-bar": patch +"@igloo-ui/provider": patch +"@igloo-ui/radio": patch +"@igloo-ui/select": patch +"@igloo-ui/stacked-bar": patch +"@igloo-ui/stepper": patch +"@igloo-ui/tabs": patch +"@igloo-ui/tag": patch +"@igloo-ui/tag-picker": patch +"@igloo-ui/text-editor": patch +"@igloo-ui/textarea": patch +"@igloo-ui/toaster": patch +"@igloo-ui/toggle": patch +"@igloo-ui/tooltip": patch +"@igloo-ui/vertical-bar-chart": patch +--- + +Upgrade @hopper-ui/tokens from v4 to v5 and update token CSS imports to use the workleap theme path (`@hopper-ui/tokens/workleap/tokens.css`) diff --git a/.storybook/styles.css b/.storybook/styles.css index 0ce368fdb..6130d5200 100644 --- a/.storybook/styles.css +++ b/.storybook/styles.css @@ -1,5 +1,5 @@ @import url('~@igloo-ui/tokens/dist/base10/variables.css') layer(igloo-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo-design-system, hopper-icons, hopper-design-system, igloo; diff --git a/package.json b/package.json index 983b3490e..85aeb25e5 100644 --- a/package.json +++ b/package.json @@ -22,7 +22,7 @@ "fix:all": "yarn lint:fix && yarn fix:style", "doc:start": "lerna run dev --scope=docs", "doc:build": "lerna run build --verbose --scope=docs && yarn doc:build-sb", - "doc:build-sb":"yarn build-storybook --docs -o ./website/.next/storybook", + "doc:build-sb": "yarn build-storybook --docs -o ./website/.next/storybook", "dev": "yarn build:shared && yarn build:components && yarn storybook", "storybook": "storybook dev -p 6006", "build-storybook": "storybook build", diff --git a/packages/ActionMenu/package.json b/packages/ActionMenu/package.json index be954c302..2045bb27f 100644 --- a/packages/ActionMenu/package.json +++ b/packages/ActionMenu/package.json @@ -27,7 +27,7 @@ "@igloo-ui/tokens": "^2.1.0", "@igloo-ui/dropdown": "^2.0.0", "@igloo-ui/list": "^0.11.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2" }, "devDependencies": { diff --git a/packages/ActionMenu/src/action-menu.scss b/packages/ActionMenu/src/action-menu.scss index b010b12fa..1d570e396 100644 --- a/packages/ActionMenu/src/action-menu.scss +++ b/packages/ActionMenu/src/action-menu.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/Alert/package.json b/packages/Alert/package.json index 4c7d46e01..40d97b524 100644 --- a/packages/Alert/package.json +++ b/packages/Alert/package.json @@ -30,7 +30,7 @@ "@igloo-ui/icons": "^1.12.2", "@igloo-ui/tokens": "^2.1.0", "@hopper-ui/icons-react16": "2.4.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2" }, "devDependencies": { diff --git a/packages/Alert/src/alert.scss b/packages/Alert/src/alert.scss index dd42cb7e7..cabac0a52 100644 --- a/packages/Alert/src/alert.scss +++ b/packages/Alert/src/alert.scss @@ -3,7 +3,7 @@ @use 'mixins'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @import url("~@hopper-ui/icons-react16/index.css") layer(hopper-icons); @layer igloo { diff --git a/packages/AreaChart/package.json b/packages/AreaChart/package.json index 5c09b96dd..c23db48ed 100644 --- a/packages/AreaChart/package.json +++ b/packages/AreaChart/package.json @@ -26,7 +26,7 @@ }, "dependencies": { "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2", "luxon": "^3.4.4", "recharts": "^2.12.0" diff --git a/packages/AreaChart/src/area-chart.scss b/packages/AreaChart/src/area-chart.scss index b25e22981..e6e4f416c 100644 --- a/packages/AreaChart/src/area-chart.scss +++ b/packages/AreaChart/src/area-chart.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); /* Note that some css variables are used in the code. */ @layer igloo { diff --git a/packages/Avatar/package.json b/packages/Avatar/package.json index 60c39d54d..11e873aae 100644 --- a/packages/Avatar/package.json +++ b/packages/Avatar/package.json @@ -25,7 +25,7 @@ }, "dependencies": { "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2" }, "browserslist": [ diff --git a/packages/Avatar/src/avatar.scss b/packages/Avatar/src/avatar.scss index 97664fed8..0e5635161 100644 --- a/packages/Avatar/src/avatar.scss +++ b/packages/Avatar/src/avatar.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/BarChart/package.json b/packages/BarChart/package.json index ed2919210..56f0ed6dc 100644 --- a/packages/BarChart/package.json +++ b/packages/BarChart/package.json @@ -25,7 +25,7 @@ }, "dependencies": { "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2", "framer-motion": "^6.5.1" }, diff --git a/packages/BarChart/src/bar-chart.scss b/packages/BarChart/src/bar-chart.scss index f955e8d83..bee17e368 100644 --- a/packages/BarChart/src/bar-chart.scss +++ b/packages/BarChart/src/bar-chart.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/Breadcrumb/package.json b/packages/Breadcrumb/package.json index 93edf1c9f..0e87ec1c2 100644 --- a/packages/Breadcrumb/package.json +++ b/packages/Breadcrumb/package.json @@ -26,7 +26,7 @@ }, "dependencies": { "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2", "@igloo-ui/icons": "^1.12.2" }, diff --git a/packages/Breadcrumb/src/breadcrumb.scss b/packages/Breadcrumb/src/breadcrumb.scss index baa4a91c3..51666c58f 100644 --- a/packages/Breadcrumb/src/breadcrumb.scss +++ b/packages/Breadcrumb/src/breadcrumb.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/Button/package.json b/packages/Button/package.json index 4facaeac1..281b992ea 100644 --- a/packages/Button/package.json +++ b/packages/Button/package.json @@ -25,7 +25,7 @@ }, "dependencies": { "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2" }, "devDependencies": { diff --git a/packages/Button/src/button.scss b/packages/Button/src/button.scss index 4c0d6aff4..e873ef3bf 100644 --- a/packages/Button/src/button.scss +++ b/packages/Button/src/button.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/ButtonGroup/package.json b/packages/ButtonGroup/package.json index 7af5d2eee..303eb9f06 100644 --- a/packages/ButtonGroup/package.json +++ b/packages/ButtonGroup/package.json @@ -25,7 +25,7 @@ }, "dependencies": { "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2" }, "browserslist": [ diff --git a/packages/ButtonGroup/src/button-group.scss b/packages/ButtonGroup/src/button-group.scss index 5d366e7d7..58531f2ec 100644 --- a/packages/ButtonGroup/src/button-group.scss +++ b/packages/ButtonGroup/src/button-group.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/Card/package.json b/packages/Card/package.json index d55987205..33756d54b 100644 --- a/packages/Card/package.json +++ b/packages/Card/package.json @@ -25,7 +25,7 @@ }, "dependencies": { "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2" }, "browserslist": [ diff --git a/packages/Card/src/card.scss b/packages/Card/src/card.scss index 87fb17698..4ea10a4d4 100644 --- a/packages/Card/src/card.scss +++ b/packages/Card/src/card.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/Carousel/package.json b/packages/Carousel/package.json index 303c38775..764a1953c 100644 --- a/packages/Carousel/package.json +++ b/packages/Carousel/package.json @@ -25,7 +25,7 @@ }, "dependencies": { "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2" }, "devDependencies": { diff --git a/packages/Carousel/src/carousel.scss b/packages/Carousel/src/carousel.scss index 88ea78036..fb5b99240 100644 --- a/packages/Carousel/src/carousel.scss +++ b/packages/Carousel/src/carousel.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/Checkbox/package.json b/packages/Checkbox/package.json index de0ce16d0..169b93075 100644 --- a/packages/Checkbox/package.json +++ b/packages/Checkbox/package.json @@ -25,7 +25,7 @@ }, "dependencies": { "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2" }, "browserslist": [ diff --git a/packages/Checkbox/src/checkbox.scss b/packages/Checkbox/src/checkbox.scss index 80e7907db..c9af6b55c 100644 --- a/packages/Checkbox/src/checkbox.scss +++ b/packages/Checkbox/src/checkbox.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/Color/package.json b/packages/Color/package.json index c9e8b3e7a..7ef49b1a2 100644 --- a/packages/Color/package.json +++ b/packages/Color/package.json @@ -25,7 +25,7 @@ }, "dependencies": { "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2" }, "browserslist": [ diff --git a/packages/Color/src/color.scss b/packages/Color/src/color.scss index fb88abf09..f58e74a1a 100644 --- a/packages/Color/src/color.scss +++ b/packages/Color/src/color.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/ColorPicker/package.json b/packages/ColorPicker/package.json index 00f6cd3cb..7953cab3e 100644 --- a/packages/ColorPicker/package.json +++ b/packages/ColorPicker/package.json @@ -28,7 +28,7 @@ "@igloo-ui/color": "^0.6.0", "@igloo-ui/dropdown": "^2.0.0", "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2", "react-aria": "^3.32.1", "react-aria-components": "^1.1.1", diff --git a/packages/ColorPicker/src/color-picker.scss b/packages/ColorPicker/src/color-picker.scss index f4c740eec..b07eb982c 100644 --- a/packages/ColorPicker/src/color-picker.scss +++ b/packages/ColorPicker/src/color-picker.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/Combobox/package.json b/packages/Combobox/package.json index 89f05537b..a8e8259b2 100644 --- a/packages/Combobox/package.json +++ b/packages/Combobox/package.json @@ -32,7 +32,7 @@ "@igloo-ui/input": "^3.0.0", "@igloo-ui/tokens": "^2.1.0", "@hopper-ui/icons-react16": "2.4.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "@igloo-ui/tooltip": "^4.0.0", "classnames": "^2.3.2" }, diff --git a/packages/Combobox/src/combobox.scss b/packages/Combobox/src/combobox.scss index acd611450..27d4d0d76 100644 --- a/packages/Combobox/src/combobox.scss +++ b/packages/Combobox/src/combobox.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url("~@hopper-ui/tokens/fonts.css") layer(hopper-design-system); -@import url("~@hopper-ui/tokens/tokens.css") layer(hopper-design-system); +@import url("~@hopper-ui/tokens/workleap/tokens.css") layer(hopper-design-system); @import url("~@hopper-ui/icons-react16/index.css") layer(hopper-icons); @layer igloo { diff --git a/packages/Datepicker/package.json b/packages/Datepicker/package.json index 484b94201..d2efeda6b 100644 --- a/packages/Datepicker/package.json +++ b/packages/Datepicker/package.json @@ -31,7 +31,7 @@ "@igloo-ui/icons": "^1.12.2", "@igloo-ui/input": "^3.0.0", "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "@internationalized/date": "^3.5.2", "classnames": "^2.3.2", "luxon": "^3.4.4", diff --git a/packages/Datepicker/src/datepicker.scss b/packages/Datepicker/src/datepicker.scss index e4d5af9c5..0ebc54085 100644 --- a/packages/Datepicker/src/datepicker.scss +++ b/packages/Datepicker/src/datepicker.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/Dialog/package.json b/packages/Dialog/package.json index 2145a589b..c2aabf06d 100644 --- a/packages/Dialog/package.json +++ b/packages/Dialog/package.json @@ -28,7 +28,7 @@ "classnames": "^2.3.2", "@igloo-ui/modal": "^2.0.0", "@igloo-ui/button": "^0.11.0", - "@hopper-ui/tokens": "^4.3.2" + "@hopper-ui/tokens": "^5.0.0" }, "browserslist": [ "> 1%", diff --git a/packages/Dialog/src/dialog.scss b/packages/Dialog/src/dialog.scss index 5ba63d715..6e86f49ce 100644 --- a/packages/Dialog/src/dialog.scss +++ b/packages/Dialog/src/dialog.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/Disclosure/package.json b/packages/Disclosure/package.json index 3c1b241e8..26c5bded2 100644 --- a/packages/Disclosure/package.json +++ b/packages/Disclosure/package.json @@ -25,7 +25,7 @@ }, "dependencies": { "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2", "framer-motion": "^6.5.1", "react-aria": "^3.32.1", diff --git a/packages/Disclosure/src/disclosure.scss b/packages/Disclosure/src/disclosure.scss index 15dd2404c..22e1d4854 100644 --- a/packages/Disclosure/src/disclosure.scss +++ b/packages/Disclosure/src/disclosure.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/Dropdown/package.json b/packages/Dropdown/package.json index 6817fc571..0a26871af 100644 --- a/packages/Dropdown/package.json +++ b/packages/Dropdown/package.json @@ -25,7 +25,7 @@ }, "dependencies": { "@floating-ui/react": "^0.27.3", - "@hopper-ui/tokens": "^4.3.0", + "@hopper-ui/tokens": "^5.0.0", "@igloo-ui/tokens": "^2.1.0", "classnames": "^2.5.1" }, diff --git a/packages/Dropdown/src/dropdown.scss b/packages/Dropdown/src/dropdown.scss index 57a4085e3..668696fb4 100644 --- a/packages/Dropdown/src/dropdown.scss +++ b/packages/Dropdown/src/dropdown.scss @@ -3,7 +3,7 @@ @use 'mixins'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/Ellipsis/package.json b/packages/Ellipsis/package.json index 4d6b14398..8e9bd8653 100644 --- a/packages/Ellipsis/package.json +++ b/packages/Ellipsis/package.json @@ -25,7 +25,7 @@ }, "dependencies": { "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2" }, "browserslist": [ diff --git a/packages/Filter/package.json b/packages/Filter/package.json index 92852578b..a1dc49005 100644 --- a/packages/Filter/package.json +++ b/packages/Filter/package.json @@ -25,7 +25,7 @@ }, "dependencies": { "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2" }, "browserslist": [ diff --git a/packages/Filter/src/filter.scss b/packages/Filter/src/filter.scss index 860fc6322..71d50d5ba 100644 --- a/packages/Filter/src/filter.scss +++ b/packages/Filter/src/filter.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url("~@hopper-ui/tokens/fonts.css") layer(hopper-design-system); -@import url("~@hopper-ui/tokens/tokens.css") layer(hopper-design-system); +@import url("~@hopper-ui/tokens/workleap/tokens.css") layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/FormGroup/package.json b/packages/FormGroup/package.json index 8f02f0416..ae7855c43 100644 --- a/packages/FormGroup/package.json +++ b/packages/FormGroup/package.json @@ -26,7 +26,7 @@ "dependencies": { "@igloo-ui/tokens": "^2.1.0", "@igloo-ui/icons": "^1.12.2", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2", "@igloo-ui/helper-text": "^0.4.0" }, diff --git a/packages/HelperText/package.json b/packages/HelperText/package.json index f0234878e..3fb433fe2 100644 --- a/packages/HelperText/package.json +++ b/packages/HelperText/package.json @@ -26,7 +26,7 @@ "dependencies": { "@igloo-ui/icons": "^1.12.2", "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2" }, "browserslist": [ diff --git a/packages/HelperText/src/helper-text.scss b/packages/HelperText/src/helper-text.scss index 78200da2c..04de925c5 100644 --- a/packages/HelperText/src/helper-text.scss +++ b/packages/HelperText/src/helper-text.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/Hyperlink/package.json b/packages/Hyperlink/package.json index 8f3034907..524a8ca27 100644 --- a/packages/Hyperlink/package.json +++ b/packages/Hyperlink/package.json @@ -26,7 +26,7 @@ }, "dependencies": { "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "@react-aria/link": "^3.6.5", "classnames": "^2.3.2" }, diff --git a/packages/Hyperlink/src/hyperlink.scss b/packages/Hyperlink/src/hyperlink.scss index 02cb6c339..89cac9e33 100644 --- a/packages/Hyperlink/src/hyperlink.scss +++ b/packages/Hyperlink/src/hyperlink.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/IconButton/package.json b/packages/IconButton/package.json index d2dbbc90f..387a216b5 100644 --- a/packages/IconButton/package.json +++ b/packages/IconButton/package.json @@ -26,7 +26,7 @@ "dependencies": { "@igloo-ui/button": "^0.11.0", "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2" }, "devDependencies": { diff --git a/packages/IconButton/src/icon-button.scss b/packages/IconButton/src/icon-button.scss index bbff1b645..eee04e6c4 100644 --- a/packages/IconButton/src/icon-button.scss +++ b/packages/IconButton/src/icon-button.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/Input/package.json b/packages/Input/package.json index 8c23ff14d..929f06469 100644 --- a/packages/Input/package.json +++ b/packages/Input/package.json @@ -25,7 +25,7 @@ }, "dependencies": { "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2", "graphemer": "^1.4.0" }, diff --git a/packages/Input/src/input.scss b/packages/Input/src/input.scss index b27cd9e3d..91c7104cb 100644 --- a/packages/Input/src/input.scss +++ b/packages/Input/src/input.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/List/package.json b/packages/List/package.json index 5cb603644..8abbf1fb7 100644 --- a/packages/List/package.json +++ b/packages/List/package.json @@ -28,7 +28,7 @@ "@igloo-ui/icons": "^1.12.3", "@igloo-ui/tokens": "^2.1.0", "@hopper-ui/icons-react16": "2.3.0", - "@hopper-ui/tokens": "^4.3.0", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.5.1" }, "devDependencies": { diff --git a/packages/List/src/list-item.scss b/packages/List/src/list-item.scss index b7d7bb08e..215bd0e76 100644 --- a/packages/List/src/list-item.scss +++ b/packages/List/src/list-item.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/List/src/list.scss b/packages/List/src/list.scss index 7752c5f14..502280ea8 100644 --- a/packages/List/src/list.scss +++ b/packages/List/src/list.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @import url("~@hopper-ui/icons-react16/index.css") layer(hopper-icons); @layer igloo { diff --git a/packages/Metric/package.json b/packages/Metric/package.json index f387d8f72..e293fd775 100644 --- a/packages/Metric/package.json +++ b/packages/Metric/package.json @@ -28,7 +28,7 @@ "@igloo-ui/icons": "^1.12.2", "@igloo-ui/tokens": "^2.1.0", "@igloo-ui/tooltip": "^4.0.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2", "react-aria": "^3.32.1" }, diff --git a/packages/Metric/src/metric.scss b/packages/Metric/src/metric.scss index d8847f817..523532589 100644 --- a/packages/Metric/src/metric.scss +++ b/packages/Metric/src/metric.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); :root { /* Default */ diff --git a/packages/Metric/src/score.scss b/packages/Metric/src/score.scss index e8153a0f2..b9c143228 100644 --- a/packages/Metric/src/score.scss +++ b/packages/Metric/src/score.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/Modal/package.json b/packages/Modal/package.json index b4b14d5be..994147d45 100644 --- a/packages/Modal/package.json +++ b/packages/Modal/package.json @@ -30,7 +30,7 @@ "@igloo-ui/icons": "^1.12.2", "@igloo-ui/tokens": "^2.1.0", "@hopper-ui/icons-react16": "2.4.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "@igloo-ui/carousel": "^0.4.0", "@types/react-dom": "18.0.11", "classnames": "^2.3.2", diff --git a/packages/Modal/src/modal.scss b/packages/Modal/src/modal.scss index 83bcbfd4d..960850948 100644 --- a/packages/Modal/src/modal.scss +++ b/packages/Modal/src/modal.scss @@ -3,7 +3,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @import url("~@hopper-ui/icons-react16/index.css") layer(hopper-icons); @layer igloo { diff --git a/packages/OptionButton/package.json b/packages/OptionButton/package.json index ee8079300..908566601 100644 --- a/packages/OptionButton/package.json +++ b/packages/OptionButton/package.json @@ -25,7 +25,7 @@ }, "dependencies": { "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2" }, "browserslist": [ diff --git a/packages/OptionButton/src/option-button.scss b/packages/OptionButton/src/option-button.scss index 0ec24aa32..0053c1ec8 100644 --- a/packages/OptionButton/src/option-button.scss +++ b/packages/OptionButton/src/option-button.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/Pager/package.json b/packages/Pager/package.json index 372979a23..a79b0d0f2 100644 --- a/packages/Pager/package.json +++ b/packages/Pager/package.json @@ -26,7 +26,7 @@ }, "dependencies": { "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2", "@igloo-ui/icons": "^1.12.2" }, diff --git a/packages/Pager/src/pager.scss b/packages/Pager/src/pager.scss index 229ad35e0..9b712457a 100644 --- a/packages/Pager/src/pager.scss +++ b/packages/Pager/src/pager.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/PieChart/package.json b/packages/PieChart/package.json index bcb247228..dd60daa93 100644 --- a/packages/PieChart/package.json +++ b/packages/PieChart/package.json @@ -25,7 +25,7 @@ }, "dependencies": { "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2", "recharts": "^2.9.2" }, diff --git a/packages/PieChart/src/pie-chart.scss b/packages/PieChart/src/pie-chart.scss index d8b037ee2..bf4dcbacf 100644 --- a/packages/PieChart/src/pie-chart.scss +++ b/packages/PieChart/src/pie-chart.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/Popover/package.json b/packages/Popover/package.json index 81a307842..b745632ea 100644 --- a/packages/Popover/package.json +++ b/packages/Popover/package.json @@ -29,7 +29,7 @@ "@igloo-ui/icon-button": "^2.0.0", "@igloo-ui/icons": "^1.12.2", "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2", "@floating-ui/react": "^0.27.3" }, diff --git a/packages/Popover/src/popover.scss b/packages/Popover/src/popover.scss index c4b839044..82a24cb3d 100644 --- a/packages/Popover/src/popover.scss +++ b/packages/Popover/src/popover.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/ProgressBar/package.json b/packages/ProgressBar/package.json index cf4ca9053..9d9b55e9f 100644 --- a/packages/ProgressBar/package.json +++ b/packages/ProgressBar/package.json @@ -25,7 +25,7 @@ }, "dependencies": { "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2" }, "devDependencies": { diff --git a/packages/ProgressBar/src/progress-bar.scss b/packages/ProgressBar/src/progress-bar.scss index 1ebe7f1e4..9cc926e15 100644 --- a/packages/ProgressBar/src/progress-bar.scss +++ b/packages/ProgressBar/src/progress-bar.scss @@ -2,7 +2,7 @@ @use "~@igloo-ui/tokens/dist/fonts"; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/Provider/package.json b/packages/Provider/package.json index 3ba7ca9cb..34c2c6747 100644 --- a/packages/Provider/package.json +++ b/packages/Provider/package.json @@ -25,7 +25,7 @@ }, "dependencies": { "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "react-aria": "^3.32.1" }, "browserslist": [ diff --git a/packages/Radio/package.json b/packages/Radio/package.json index cc209eca1..7415f5445 100644 --- a/packages/Radio/package.json +++ b/packages/Radio/package.json @@ -25,7 +25,7 @@ }, "dependencies": { "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2" }, "browserslist": [ diff --git a/packages/Radio/src/radio.scss b/packages/Radio/src/radio.scss index 941b07f76..12195c548 100644 --- a/packages/Radio/src/radio.scss +++ b/packages/Radio/src/radio.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/Select/package.json b/packages/Select/package.json index 6152ae294..aca7649f5 100644 --- a/packages/Select/package.json +++ b/packages/Select/package.json @@ -30,7 +30,7 @@ "@igloo-ui/icon-button": "^2.0.0", "@igloo-ui/input": "^3.0.0", "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "@hopper-ui/icons-react16": "2.4.0", "classnames": "^2.3.2" }, diff --git a/packages/Select/src/select.scss b/packages/Select/src/select.scss index f589f3bd0..51fcb93ac 100644 --- a/packages/Select/src/select.scss +++ b/packages/Select/src/select.scss @@ -2,7 +2,7 @@ @use "~@igloo-ui/tokens/dist/fonts"; @import url("~@hopper-ui/tokens/fonts.css") layer(hopper-design-system); -@import url("~@hopper-ui/tokens/tokens.css") layer(hopper-design-system); +@import url("~@hopper-ui/tokens/workleap/tokens.css") layer(hopper-design-system); @import url("~@hopper-ui/icons-react16/index.css") layer(hopper-icons); @layer igloo { diff --git a/packages/StackedBar/package.json b/packages/StackedBar/package.json index 10d159481..89d463a6b 100644 --- a/packages/StackedBar/package.json +++ b/packages/StackedBar/package.json @@ -26,7 +26,7 @@ "dependencies": { "@igloo-ui/popover": "^0.8.0", "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2", "recharts": "^2.9.2" }, diff --git a/packages/StackedBar/src/stacked-bar-tooltip.scss b/packages/StackedBar/src/stacked-bar-tooltip.scss index 2fd2d75f2..123ce4ee3 100644 --- a/packages/StackedBar/src/stacked-bar-tooltip.scss +++ b/packages/StackedBar/src/stacked-bar-tooltip.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/StackedBar/src/stacked-bar.scss b/packages/StackedBar/src/stacked-bar.scss index b155d8ea9..79f891b28 100644 --- a/packages/StackedBar/src/stacked-bar.scss +++ b/packages/StackedBar/src/stacked-bar.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/Stepper/package.json b/packages/Stepper/package.json index 2866a574a..b0f74227a 100644 --- a/packages/Stepper/package.json +++ b/packages/Stepper/package.json @@ -26,7 +26,7 @@ "dependencies": { "@igloo-ui/tokens": "^2.1.0", "@igloo-ui/tooltip": "^4.0.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2", "react-aria": "^3.32.1" }, diff --git a/packages/Stepper/src/step.scss b/packages/Stepper/src/step.scss index 1c449a669..6ce5bb2e0 100644 --- a/packages/Stepper/src/step.scss +++ b/packages/Stepper/src/step.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/Stepper/src/stepper.scss b/packages/Stepper/src/stepper.scss index c33d30689..528190d90 100644 --- a/packages/Stepper/src/stepper.scss +++ b/packages/Stepper/src/stepper.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/Tabs/package.json b/packages/Tabs/package.json index 5debc32f7..8165cb0a5 100644 --- a/packages/Tabs/package.json +++ b/packages/Tabs/package.json @@ -26,7 +26,7 @@ "dependencies": { "@igloo-ui/tokens": "^2.1.0", "@hopper-ui/icons-react16": "2.4.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2", "@igloo-ui/icons": "^1.12.2" }, diff --git a/packages/Tabs/src/tabs.scss b/packages/Tabs/src/tabs.scss index 531acf81a..8da15c597 100644 --- a/packages/Tabs/src/tabs.scss +++ b/packages/Tabs/src/tabs.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @import url("~@hopper-ui/icons-react16/index.css") layer(hopper-icons); @layer igloo { diff --git a/packages/Tag/package.json b/packages/Tag/package.json index 0151abe37..ebe8fd178 100644 --- a/packages/Tag/package.json +++ b/packages/Tag/package.json @@ -30,7 +30,7 @@ "@igloo-ui/tokens": "^2.1.0", "@igloo-ui/ellipsis": "^0.4.0", "@hopper-ui/icons-react16": "2.4.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2" }, "devDependencies": { diff --git a/packages/Tag/src/tag.scss b/packages/Tag/src/tag.scss index 4b07cddc2..e25bc7b29 100644 --- a/packages/Tag/src/tag.scss +++ b/packages/Tag/src/tag.scss @@ -3,7 +3,7 @@ @use 'mixins'; @import url("~@hopper-ui/tokens/fonts.css") layer(hopper-design-system); -@import url("~@hopper-ui/tokens/tokens.css") layer(hopper-design-system); +@import url("~@hopper-ui/tokens/workleap/tokens.css") layer(hopper-design-system); @import url("~@hopper-ui/icons-react16/index.css") layer(hopper-icons); @layer igloo { diff --git a/packages/TagPicker/package.json b/packages/TagPicker/package.json index 2419f9229..af614c816 100644 --- a/packages/TagPicker/package.json +++ b/packages/TagPicker/package.json @@ -28,7 +28,7 @@ "@igloo-ui/input": "^3.0.0", "@igloo-ui/tag": "^2.0.0", "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "@react-aria/utils": "^3.23.2", "classnames": "^2.3.2" }, diff --git a/packages/TagPicker/src/tag-picker.scss b/packages/TagPicker/src/tag-picker.scss index f9d3d27af..024e1625b 100644 --- a/packages/TagPicker/src/tag-picker.scss +++ b/packages/TagPicker/src/tag-picker.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/TextEditor/package.json b/packages/TextEditor/package.json index ec19d9db4..a6ac9f31f 100644 --- a/packages/TextEditor/package.json +++ b/packages/TextEditor/package.json @@ -30,7 +30,7 @@ "@igloo-ui/icon-button": "^2.0.0", "@igloo-ui/input": "^3.0.0", "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "@igloo-ui/tooltip": "^4.0.0", "@lexical/code": "^0.13.0", "@lexical/link": "^0.13.0", diff --git a/packages/TextEditor/src/text-editor.scss b/packages/TextEditor/src/text-editor.scss index 7ecab59a9..3fa8ecbf6 100644 --- a/packages/TextEditor/src/text-editor.scss +++ b/packages/TextEditor/src/text-editor.scss @@ -2,7 +2,7 @@ @use "~@igloo-ui/tokens/dist/fonts"; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/Textarea/package.json b/packages/Textarea/package.json index d2e267432..0471a0c37 100644 --- a/packages/Textarea/package.json +++ b/packages/Textarea/package.json @@ -25,7 +25,7 @@ }, "dependencies": { "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "@react-aria/utils": "^3.23.2", "autosize": "^6.0.1", "classnames": "^2.3.2", diff --git a/packages/Textarea/src/textarea.scss b/packages/Textarea/src/textarea.scss index 717832e69..68daf45fc 100644 --- a/packages/Textarea/src/textarea.scss +++ b/packages/Textarea/src/textarea.scss @@ -3,7 +3,7 @@ @use 'mixins'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/Toaster/package.json b/packages/Toaster/package.json index 77ad1925e..ee0ffff24 100644 --- a/packages/Toaster/package.json +++ b/packages/Toaster/package.json @@ -28,7 +28,7 @@ "@igloo-ui/icon-button": "^2.0.0", "@igloo-ui/icons": "^1.12.2", "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "@react-aria/interactions": "^3.21.1", "@react-aria/toast": "^3.0.0-beta.7", "@react-stately/toast": "^3.0.0-beta.1", diff --git a/packages/Toaster/src/toaster.scss b/packages/Toaster/src/toaster.scss index 36067ade5..fecd88ba9 100644 --- a/packages/Toaster/src/toaster.scss +++ b/packages/Toaster/src/toaster.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/Toggle/package.json b/packages/Toggle/package.json index 0c8ea8594..59d0a40ab 100644 --- a/packages/Toggle/package.json +++ b/packages/Toggle/package.json @@ -25,7 +25,7 @@ }, "dependencies": { "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2" }, "browserslist": [ diff --git a/packages/Toggle/src/toggle.scss b/packages/Toggle/src/toggle.scss index a0521efb6..75217dc9f 100644 --- a/packages/Toggle/src/toggle.scss +++ b/packages/Toggle/src/toggle.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/Tooltip/package.json b/packages/Tooltip/package.json index 446781b08..4866dc613 100644 --- a/packages/Tooltip/package.json +++ b/packages/Tooltip/package.json @@ -27,7 +27,7 @@ }, "dependencies": { "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "@floating-ui/react": "^0.27.3", "classnames": "^2.3.2" }, diff --git a/packages/Tooltip/src/tooltip.scss b/packages/Tooltip/src/tooltip.scss index 4cd3902a6..7b8b7c2c5 100644 --- a/packages/Tooltip/src/tooltip.scss +++ b/packages/Tooltip/src/tooltip.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/packages/VerticalBarChart/package.json b/packages/VerticalBarChart/package.json index a92eea34c..12125e7c0 100644 --- a/packages/VerticalBarChart/package.json +++ b/packages/VerticalBarChart/package.json @@ -25,7 +25,7 @@ }, "dependencies": { "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2", + "@hopper-ui/tokens": "^5.0.0", "classnames": "^2.3.2", "recharts": "^2.9.2" }, diff --git a/packages/VerticalBarChart/src/vertical-bar-chart.scss b/packages/VerticalBarChart/src/vertical-bar-chart.scss index ecb4d7b55..3b3316d79 100644 --- a/packages/VerticalBarChart/src/vertical-bar-chart.scss +++ b/packages/VerticalBarChart/src/vertical-bar-chart.scss @@ -2,7 +2,7 @@ @use '~@igloo-ui/tokens/dist/fonts'; @import url('~@hopper-ui/tokens/fonts.css') layer(hopper-design-system); -@import url('~@hopper-ui/tokens/tokens.css') layer(hopper-design-system); +@import url('~@hopper-ui/tokens/workleap/tokens.css') layer(hopper-design-system); @layer igloo { :root { diff --git a/utils/bootstrap/template/package.json b/utils/bootstrap/template/package.json index ee1aff92e..effc2e054 100644 --- a/utils/bootstrap/template/package.json +++ b/utils/bootstrap/template/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "@igloo-ui/tokens": "^2.1.0", - "@hopper-ui/tokens": "^4.3.2" + "@hopper-ui/tokens": "^5.0.0" }, "browserslist": [ "> 1%", diff --git a/yarn.lock b/yarn.lock index 28ec7c514..33139bfe4 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2054,15 +2054,10 @@ resolved "https://registry.yarnpkg.com/@hopper-ui/icons-react16/-/icons-react16-2.4.0.tgz#b3ef3519b19a37de277d3904f2364a99699d91f8" integrity sha512-r2OLt8f1L7EGub9yyvqNfkDoh/KmiLzsdT3g8t+p+E7sxi5IQzXTlDajS74BN7xgSYHXTDQE60U7ZyGj0g16Yg== -"@hopper-ui/tokens@^4.3.0": - version "4.3.0" - resolved "https://registry.yarnpkg.com/@hopper-ui/tokens/-/tokens-4.3.0.tgz#0eb46d6fef8804cec0a9f4572e05ddd659c03e5e" - integrity sha512-Sf7As1XyFP4WG09EZkBT3oEvoPb78oDwImXty+KHfCwU6V6yApWcctpd4jwj6TkuelpbJ48pqeXzXtgr+Scw+w== - -"@hopper-ui/tokens@^4.3.2": - version "4.3.2" - resolved "https://registry.yarnpkg.com/@hopper-ui/tokens/-/tokens-4.3.2.tgz#1a018e268d86c1e542954f2ef39c004cddaae916" - integrity sha512-vbyxCV2lG5AwQahRTz3ylVkFpI7Y3IJLxc1fcGhAv12dW/WcGGUYGNIhbph1xuypdtgGpweXJFlL+b7ybK6ooQ== +"@hopper-ui/tokens@^5.0.0": + version "5.1.6" + resolved "https://registry.yarnpkg.com/@hopper-ui/tokens/-/tokens-5.1.6.tgz#281b9b2825e661956279c7443b1a3468434aaabd" + integrity sha512-PL9JKw9jTKmjZ52besu5cZKBAKp5mr3LbfSi82w2NOWz5cMT0vbdkiYd2EkfhC8Fi8BooVZhF3Q4LGrop+ZZBA== "@humanwhocodes/config-array@^0.11.13": version "0.11.13" @@ -6552,7 +6547,7 @@ resolved "https://registry.npmjs.org/@swc/counter/-/counter-0.1.2.tgz" integrity sha512-9F4ys4C74eSTEUNndnER3VJ15oru2NumfQxS8geE+f3eB5xvfxpWyqE5XlVnxb/R14uoXi6SLbBwwiDSkv+XEw== -"@swc/helpers@0.4.14": +"@swc/helpers@0.4.14", "legacy-swc-helpers@npm:@swc/helpers@=0.4.14": version "0.4.14" resolved "https://registry.npmjs.org/@swc/helpers/-/helpers-0.4.14.tgz" integrity sha512-4C7nX/dvpzB7za4Ql9K81xK3HPxCpHMgwTZVyf+9JQ6VUbn9jjZVN7/Nkdz/Ugzs2CSjqnL/UPXroiVBVHUWUw== @@ -14263,13 +14258,6 @@ lazy-universal-dotenv@^4.0.0: dotenv "^16.0.0" dotenv-expand "^10.0.0" -"legacy-swc-helpers@npm:@swc/helpers@=0.4.14": - version "0.4.14" - resolved "https://registry.npmjs.org/@swc/helpers/-/helpers-0.4.14.tgz" - integrity sha512-4C7nX/dvpzB7za4Ql9K81xK3HPxCpHMgwTZVyf+9JQ6VUbn9jjZVN7/Nkdz/Ugzs2CSjqnL/UPXroiVBVHUWUw== - dependencies: - tslib "^2.4.0" - lerna@6.0.3: version "6.0.3" resolved "https://registry.npmjs.org/lerna/-/lerna-6.0.3.tgz" @@ -19514,16 +19502,7 @@ string-length@^4.0.1: char-regex "^1.0.2" strip-ansi "^6.0.0" -"string-width-cjs@npm:string-width@^4.2.0": - version "4.2.3" - resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz" - integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== - dependencies: - emoji-regex "^8.0.0" - is-fullwidth-code-point "^3.0.0" - strip-ansi "^6.0.1" - -"string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3: +"string-width-cjs@npm:string-width@^4.2.0", "string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3: version "4.2.3" resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz" integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== @@ -19605,14 +19584,7 @@ stringify-entities@^4.0.0: character-entities-html4 "^2.0.0" character-entities-legacy "^3.0.0" -"strip-ansi-cjs@npm:strip-ansi@^6.0.1": - version "6.0.1" - resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz" - integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== - dependencies: - ansi-regex "^5.0.1" - -strip-ansi@^6.0.0, strip-ansi@^6.0.1: +"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1: version "6.0.1" resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz" integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== @@ -21309,7 +21281,7 @@ wordwrap@^1.0.0: resolved "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz" integrity sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q== -"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0": +"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0: version "7.0.0" resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz" integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q== @@ -21327,15 +21299,6 @@ wrap-ansi@^6.0.1, wrap-ansi@^6.2.0: string-width "^4.1.0" strip-ansi "^6.0.0" -wrap-ansi@^7.0.0: - version "7.0.0" - resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz" - integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q== - dependencies: - ansi-styles "^4.0.0" - string-width "^4.1.0" - strip-ansi "^6.0.0" - wrap-ansi@^8.1.0: version "8.1.0" resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz"