Skip to content

Commit

Permalink
updated hopper tokens version
Browse files Browse the repository at this point in the history
  • Loading branch information
@fraincs
fraincs committed May 16, 2024
1 parent 57ab1fa commit ac852c7
Show file tree
Hide file tree
Showing 68 changed files with 152 additions and 102 deletions.
50 changes: 50 additions & 0 deletions .changeset/fluffy-hotels-obey.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
---
"@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/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
---

Updated Hopper depedency
2 changes: 1 addition & 1 deletion packages/ActionMenu/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@
"@igloo-ui/tokens": "^2.1.0",
"@igloo-ui/dropdown": "^1.8.2",
"@igloo-ui/list": "^0.7.3",
"@hopper-ui/tokens": "^3.5.1",
"@hopper-ui/tokens": "^4.0.0",
"classnames": "^2.3.2"
},
"devDependencies": {
Expand Down
2 changes: 1 addition & 1 deletion packages/Alert/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@
"@igloo-ui/icons": "^1.12.2",
"@igloo-ui/tokens": "^2.1.0",
"@hopper-ui/icons-react16": "1.2.0",
"@hopper-ui/tokens": "^3.5.1",
"@hopper-ui/tokens": "^4.0.0",
"classnames": "^2.3.2"
},
"devDependencies": {
Expand Down
2 changes: 1 addition & 1 deletion packages/AreaChart/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@
},
"dependencies": {
"@igloo-ui/tokens": "^2.1.0",
"@hopper-ui/tokens": "^3.5.1",
"@hopper-ui/tokens": "^4.0.0",
"classnames": "^2.3.2",
"luxon": "^3.4.4",
"recharts": "^2.12.0"
Expand Down
2 changes: 1 addition & 1 deletion packages/Avatar/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
},
"dependencies": {
"@igloo-ui/tokens": "^2.1.0",
"@hopper-ui/tokens": "^3.5.1",
"@hopper-ui/tokens": "^4.0.0",
"classnames": "^2.3.2"
},
"browserslist": [
Expand Down
2 changes: 1 addition & 1 deletion packages/BarChart/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
},
"dependencies": {
"@igloo-ui/tokens": "^2.1.0",
"@hopper-ui/tokens": "^3.5.1",
"@hopper-ui/tokens": "^4.0.0",
"classnames": "^2.3.2",
"framer-motion": "^6.5.1"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/Breadcrumb/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@
},
"dependencies": {
"@igloo-ui/tokens": "^2.1.0",
"@hopper-ui/tokens": "^3.5.1",
"@hopper-ui/tokens": "^4.0.0",
"classnames": "^2.3.2",
"@igloo-ui/icons": "^1.12.2"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/Button/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
},
"dependencies": {
"@igloo-ui/tokens": "^2.1.0",
"@hopper-ui/tokens": "^3.5.1",
"@hopper-ui/tokens": "^4.0.0",
"classnames": "^2.3.2"
},
"devDependencies": {
Expand Down
2 changes: 1 addition & 1 deletion packages/ButtonGroup/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
},
"dependencies": {
"@igloo-ui/tokens": "^2.1.0",
"@hopper-ui/tokens": "^3.5.1",
"@hopper-ui/tokens": "^4.0.0",
"classnames": "^2.3.2"
},
"browserslist": [
Expand Down
4 changes: 2 additions & 2 deletions packages/ButtonGroup/src/button-group.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -92,8 +92,8 @@

/* Selected */
--ids-button-group-item-border-selected: transparent;
--ids-button-group-item-text-selected: var(--hop-neutral-text-active);
--ids-button-group-item-background-selected: var(--hop-neutral-surface-active);
--ids-button-group-item-text-selected: var(--hop-neutral-text-selected);
--ids-button-group-item-background-selected: var(--hop-neutral-surface-selected);
--ids-button-group-item-index-selected: 20;

/* Disabled */
Expand Down
2 changes: 1 addition & 1 deletion packages/Card/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
},
"dependencies": {
"@igloo-ui/tokens": "^2.1.0",
"@hopper-ui/tokens": "^3.5.1",
"@hopper-ui/tokens": "^4.0.0",
"classnames": "^2.3.2"
},
"browserslist": [
Expand Down
2 changes: 1 addition & 1 deletion packages/Carousel/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
},
"dependencies": {
"@igloo-ui/tokens": "^2.1.0",
"@hopper-ui/tokens": "^3.5.1",
"@hopper-ui/tokens": "^4.0.0",
"classnames": "^2.3.2"
},
"devDependencies": {
Expand Down
4 changes: 2 additions & 2 deletions packages/Carousel/src/carousel.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -55,8 +55,8 @@
--ids-carousel-bullet-color-hover: var(--hop-neutral-surface-weak-hover);

/* Active */
--ids-carousel-bullet-color-active: var(--hop-neutral-surface-active);
--ids-carousel-bullet-color-active-hover: var(--hop-neutral-surface-active);
--ids-carousel-bullet-color-active: var(--hop-neutral-surface-selected);
--ids-carousel-bullet-color-active-hover: var(--hop-neutral-surface-selected);

/* Needed to add a 0.1px blur to fix a bug where
chrome would have a lingering blue line when focusing in and out */
Expand Down
2 changes: 1 addition & 1 deletion packages/Checkbox/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
},
"dependencies": {
"@igloo-ui/tokens": "^2.1.0",
"@hopper-ui/tokens": "^3.5.1",
"@hopper-ui/tokens": "^4.0.0",
"classnames": "^2.3.2"
},
"browserslist": [
Expand Down
14 changes: 7 additions & 7 deletions packages/Checkbox/src/checkbox.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@
--ids-checkbox-focus: 0 0 0 0.12rem var(--hop-neutral-surface), 0 0 0 0.2188rem var(--hop-primary-border-focus);
--ids-checkbox-size: 1rem;
--ids-checkbox-radius: var(--hop-shape-rounded-sm);
--ids-checkbox-check: var(--hop-neutral-icon-active);
--ids-checkbox-check: var(--hop-neutral-icon-selected);
--ids-checkbox-margin: var(--hop-space-inline-sm);
--ids-checkbox-top-space: 0.15rem;
--ids-checkbox-box-sizing: border-box;
Expand All @@ -63,17 +63,17 @@
--ids-checkbox-background: var(--hop-neutral-surface);
--ids-checkbox-background-hover: var(--hop-neutral-surface-hover);
--ids-checkbox-background-disabled: var(--hop-neutral-surface-disabled);
--ids-checkbox-background-checked: var(--hop-neutral-surface-active);
--ids-checkbox-background-checked: var(--hop-neutral-surface-selected);
--ids-checkbox-background-checked-disabled: var(--hop-neutral-surface-disabled);
--ids-checkbox-border: var(--hop-neutral-border);
--ids-checkbox-border-hover: var(--hop-neutral-border-hover);
--ids-checkbox-border-checked: var(--hop-neutral-border-active);
--ids-checkbox-border-checked-hover: var(--hop-neutral-border-active);
--ids-checkbox-border-checked: var(--hop-neutral-border-selected);
--ids-checkbox-border-checked-hover: var(--hop-neutral-border-selected);
--ids-checkbox-border-disabled: var(--hop-neutral-border-disabled);
--ids-checkbox-one-px: 0.0625rem;
--ids-checkbox-check-size: 1rem;
--ids-checkbox-check-color-hover: transparent;
--ids-checkbox-check-color-selected: var(--hop-neutral-icon-active);
--ids-checkbox-check-color-selected: var(--hop-neutral-icon-selected);
--ids-checkbox-check-color-default: transparent;
--ids-checkbox-check-color-disabled: var(--hop-neutral-icon-disabled);

Expand All @@ -82,7 +82,7 @@
--ids-checkbox-completion-border-disabled: var(--hop-neutral-border-disabled);
--ids-checkbox-completion-check-color-disabled: var(--hop-neutral-icon-disabled);
--ids-checkbox-completion-check-color-hover: transparent;
--ids-checkbox-completion-check-color-selected: var(--hop-neutral-icon-active);
--ids-checkbox-completion-check-color-selected: var(--hop-neutral-icon-selected);
--ids-checkbox-completion-check-color-default: transparent;
}

Expand All @@ -109,7 +109,7 @@
width: var(--ids-checkbox-one-px);
overflow: hidden;
}

/* Checkbox label */
.ids-checkbox__label {
align-items: flex-start;
Expand Down
2 changes: 1 addition & 1 deletion packages/Color/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
},
"dependencies": {
"@igloo-ui/tokens": "^2.1.0",
"@hopper-ui/tokens": "^3.5.1",
"@hopper-ui/tokens": "^4.0.0",
"classnames": "^2.3.2"
},
"browserslist": [
Expand Down
2 changes: 1 addition & 1 deletion packages/ColorPicker/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@
"@igloo-ui/color": "^0.5.1",
"@igloo-ui/dropdown": "^1.8.2",
"@igloo-ui/tokens": "^2.1.0",
"@hopper-ui/tokens": "^3.5.1",
"@hopper-ui/tokens": "^4.0.0",
"classnames": "^2.3.2",
"react-aria": "^3.32.1",
"react-aria-components": "^1.1.1",
Expand Down
2 changes: 1 addition & 1 deletion packages/ColorPicker/src/color-picker.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@
--ids-color-picker-btn-background-disabled: var(--hop-neutral-surface-disabled);
--ids-color-picker-btn-border-color: var(--hop-neutral-border);
--ids-color-picker-btn-border-color-hover: var(--hop-neutral-border-hover);
--ids-color-picker-btn-border-color-active: var(--hop-neutral-border-active);
--ids-color-picker-btn-border-color-active: var(--hop-neutral-border-selected);
--ids-color-picker-btn-border-color-disabled: var(--hop-neutral-border-disabled);
--ids-color-picker-btn-border-radius: var(--hop-shape-rounded-md);
--ids-color-picker-btn-border-size: 0.09rem;
Expand Down
2 changes: 1 addition & 1 deletion packages/Combobox/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@
"@igloo-ui/input": "^2.2.5",
"@igloo-ui/tokens": "^2.1.0",
"@hopper-ui/icons-react16": "1.2.0",
"@hopper-ui/tokens": "^3.5.1",
"@hopper-ui/tokens": "^4.0.0",
"@igloo-ui/tooltip": "^3.5.3",
"classnames": "^2.3.2"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/Combobox/src/combobox.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -74,7 +74,7 @@

/* Active */
--ids-combobox-background-active: var(--hop-neutral-surface);
--ids-combobox-border-color-active: var(--hop-neutral-border-active);
--ids-combobox-border-color-active: var(--hop-neutral-border-selected);
--ids-combobox-search-border-color-active: var(--hop-primary-border-focus);

/* Focus */
Expand Down
2 changes: 1 addition & 1 deletion packages/Datepicker/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@
"@igloo-ui/icons": "^1.12.2",
"@igloo-ui/input": "^2.2.5",
"@igloo-ui/tokens": "^2.1.0",
"@hopper-ui/tokens": "^3.5.1",
"@hopper-ui/tokens": "^4.0.0",
"@internationalized/date": "^3.5.2",
"classnames": "^2.3.2",
"luxon": "^3.4.4",
Expand Down
4 changes: 2 additions & 2 deletions packages/Datepicker/src/datepicker.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -80,8 +80,8 @@
--ids-datepicker-content-background-hover: var(--hop-neutral-surface-hover);
--ids-datepicker-content-color: var(--hop-neutral-text);
--ids-datepicker-content-color-hover: var(--hop-neutral-text-hover);
--ids-datepicker-content-background-selected: var(--hop-neutral-surface-active);
--ids-datepicker-content-color-selected: var(--hop-neutral-text-active);
--ids-datepicker-content-background-selected: var(--hop-neutral-surface-selected);
--ids-datepicker-content-color-selected: var(--hop-neutral-text-selected);
--ids-datepicker-content-line-height: 2.5rem;
--ids-datepicker-margin-offset: 0;
--ids-datepicker-content-focus: var(--hop-primary-border-focus) solid 0.125rem;
Expand Down
2 changes: 1 addition & 1 deletion packages/Disclosure/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
},
"dependencies": {
"@igloo-ui/tokens": "^2.1.0",
"@hopper-ui/tokens": "^3.5.1",
"@hopper-ui/tokens": "^4.0.0",
"classnames": "^2.3.2",
"framer-motion": "^6.5.1",
"react-aria": "^3.32.1",
Expand Down
2 changes: 1 addition & 1 deletion packages/Dropdown/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@
"dependencies": {
"@floating-ui/react": "^0.24.8",
"@igloo-ui/tokens": "^2.1.0",
"@hopper-ui/tokens": "^3.5.1",
"@hopper-ui/tokens": "^4.0.0",
"classnames": "^2.3.2"
},
"browserslist": [
Expand Down
2 changes: 1 addition & 1 deletion packages/Ellipsis/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
},
"dependencies": {
"@igloo-ui/tokens": "^2.1.0",
"@hopper-ui/tokens": "^3.5.1",
"@hopper-ui/tokens": "^4.0.0",
"classnames": "^2.3.2"
},
"browserslist": [
Expand Down
2 changes: 1 addition & 1 deletion packages/Filter/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
},
"dependencies": {
"@igloo-ui/tokens": "^2.1.0",
"@hopper-ui/tokens": "^3.5.1",
"@hopper-ui/tokens": "^4.0.0",
"classnames": "^2.3.2"
},
"browserslist": [
Expand Down
8 changes: 4 additions & 4 deletions packages/Filter/src/filter.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,12 +58,12 @@
--ids-filter-color-hover: var(--hop-neutral-text-hover);

/* Selected */
--ids-filter-background-selected: var(--hop-neutral-surface-active);
--ids-filter-border-color-selected: var(--hop-neutral-border-active);
--ids-filter-color-selected: var(--hop-neutral-text-active);
--ids-filter-background-selected: var(--hop-neutral-surface-selected);
--ids-filter-border-color-selected: var(--hop-neutral-border-selected);
--ids-filter-color-selected: var(--hop-neutral-text-selected);

/* Selected Hover */
--ids-filter-background-selected-hover: var(--hop-neutral-surface-active);
--ids-filter-background-selected-hover: var(--hop-neutral-surface-selected);

/* Disabled */
--ids-filter-background-disabled: var(--hop-neutral-surface-disabled);
Expand Down
2 changes: 1 addition & 1 deletion packages/FormGroup/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@
"dependencies": {
"@igloo-ui/tokens": "^2.1.0",
"@igloo-ui/icons": "^1.12.2",
"@hopper-ui/tokens": "^3.5.1",
"@hopper-ui/tokens": "^4.0.0",
"classnames": "^2.3.2",
"@igloo-ui/helper-text": "^0.3.3"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/HelperText/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@
"dependencies": {
"@igloo-ui/icons": "^1.12.2",
"@igloo-ui/tokens": "^2.1.0",
"@hopper-ui/tokens": "^3.5.1",
"@hopper-ui/tokens": "^4.0.0",
"classnames": "^2.3.2"
},
"browserslist": [
Expand Down
2 changes: 1 addition & 1 deletion packages/Hyperlink/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@
},
"dependencies": {
"@igloo-ui/tokens": "^2.1.0",
"@hopper-ui/tokens": "^3.5.1",
"@hopper-ui/tokens": "^4.0.0",
"@react-aria/link": "^3.6.5",
"classnames": "^2.3.2"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/IconButton/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@
"dependencies": {
"@igloo-ui/button": "^0.8.6",
"@igloo-ui/tokens": "^2.1.0",
"@hopper-ui/tokens": "^3.5.1",
"@hopper-ui/tokens": "^4.0.0",
"classnames": "^2.3.2"
},
"devDependencies": {
Expand Down
2 changes: 1 addition & 1 deletion packages/Input/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
},
"dependencies": {
"@igloo-ui/tokens": "^2.1.0",
"@hopper-ui/tokens": "^3.5.1",
"@hopper-ui/tokens": "^4.0.0",
"classnames": "^2.3.2",
"graphemer": "^1.4.0"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/Input/src/input.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -107,7 +107,7 @@
--ids-input-border-color-focus: var(--hop-primary-border-focus);

/* Active */
--ids-input-border-color-active: var(--hop-primary-border-active);
--ids-input-border-color-active: var(--hop-primary-border-selected);

/* disabled */
--ids-input-color-disabled: var(--hop-neutral-text-disabled);
Expand Down
Loading

0 comments on commit ac852c7

Please sign in to comment.