Skip to content

Commit cfeba83

Browse files
boosted-botboosted-bot
committed
chore: update tokens
1 parent 79f7015 commit cfeba83

5 files changed

+63
-46
lines changed

‎scss/tokens/_component-colors-custom-props.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
// Components custom properties applications
2-
// Token version 0.8.0
2+
// Token version 0.10.0
33

44
// scss-docs-start ouds-all-component-css-color
55
// scss-docs-start ouds-component-css-color

‎scss/tokens/_component.scss

+17-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
// Component application
22
// Depends on semantic applications
3-
// Token version 0.8.0
3+
// Token version 0.10.0
44

55
// Badge
66

@@ -35,6 +35,18 @@ $ouds-breadcrumb-space-column-gap-icon: $ouds-space-column-gap-shortest !default
3535
$ouds-breadcrumb-space-column-gap-links: $ouds-space-column-gap-short !default;
3636
// scss-docs-end ouds-component-breadcrumb
3737

38+
// Bullet
39+
40+
// scss-docs-start ouds-component-bullet
41+
$ouds-bullet-list-space-column-gap-body-large: $ouds-space-column-gap-short !default;
42+
$ouds-bullet-list-space-column-gap-body-medium: $ouds-space-column-gap-short !default;
43+
$ouds-bullet-list-space-padding-block-body-large: $ouds-space-padding-block-shorter !default;
44+
$ouds-bullet-list-space-padding-block-body-medium: $ouds-space-padding-block-shorter !default;
45+
$ouds-bullet-list-space-padding-inline-level-0: $ouds-dimension-50 !default;
46+
$ouds-bullet-list-space-padding-inline-level-1: $ouds-dimension-450 !default;
47+
$ouds-bullet-list-space-padding-inline-level-2: $ouds-dimension-850 !default;
48+
// scss-docs-end ouds-component-bullet
49+
3850
// Button
3951

4052
// scss-docs-start ouds-component-button
@@ -176,7 +188,10 @@ $ouds-checkbox-size-min-width: $ouds-dimension-600 !default;
176188
$ouds-chip-border-radius-pill: $ouds-border-radius-pill !default;
177189
$ouds-chip-border-width-default-interaction: $ouds-border-width-medium !default;
178190
$ouds-chip-border-width-default: $ouds-border-width-default !default;
191+
$ouds-chip-border-width-selected-interaction: $ouds-border-width-medium !default;
179192
$ouds-chip-border-width-selected: $ouds-border-width-medium !default;
193+
$ouds-chip-border-width-unselected-interaction: $ouds-border-width-medium !default;
194+
$ouds-chip-border-width-unselected: $ouds-border-width-default !default;
180195
$ouds-chip-color-bg-disabled: $ouds-color-opacity-transparent !default;
181196
$ouds-chip-color-bg-enabled: $ouds-color-opacity-transparent !default;
182197
$ouds-chip-color-bg-focus: $ouds-color-opacity-transparent !default;
@@ -216,6 +231,7 @@ $ouds-control-item-color-bg-loading: $ouds-color-action-support-loading !default
216231
$ouds-control-item-color-bg-pressed: $ouds-color-action-support-pressed !default;
217232
$ouds-control-item-color-content-loader: $ouds-color-content-default !default;
218233
$ouds-control-item-size-icon: $ouds-size-icon-with-label-large-size-md !default;
234+
$ouds-control-item-size-list-item-size-min-height-text: $ouds-size-icon-with-label-large-size-md !default;
219235
$ouds-control-item-size-loader: $ouds-size-icon-with-label-large-size-sm !default;
220236
$ouds-control-item-size-max-height-assets-container: $ouds-dimension-1200 !default;
221237
$ouds-control-item-size-min-height: $ouds-dimension-650 !default;

‎scss/tokens/_raw.scss

+5-4
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
// Raw primitive values
22
// Insertion of brand foundations
3-
// Token version 0.8.0
3+
// Token version 0.10.0
44

55
// Border
66

@@ -155,7 +155,7 @@ $ouds-color-functional-white: #fff !default;
155155
$ouds-color-opacity-black-0: rgba(0, 0, 0, 0) !default;
156156
$ouds-color-opacity-black-40: rgba(0, 0, 0, .04) !default;
157157
$ouds-color-opacity-black-80: rgba(0, 0, 0, .08) !default;
158-
// $ouds-color-opacity-black-120: rgba(0, 0, 0, .12) !default;
158+
$ouds-color-opacity-black-120: rgba(0, 0, 0, .12) !default;
159159
$ouds-color-opacity-black-160: rgba(0, 0, 0, .16) !default;
160160
$ouds-color-opacity-black-200: rgba(0, 0, 0, .2) !default;
161161
$ouds-color-opacity-black-240: rgba(0, 0, 0, .24) !default;
@@ -184,7 +184,7 @@ $ouds-color-opacity-sun: rgba(255, 208, 0, .16) !default;
184184
$ouds-color-opacity-white-0: rgba(255, 255, 255, 0) !default;
185185
$ouds-color-opacity-white-40: rgba(255, 255, 255, .04) !default;
186186
$ouds-color-opacity-white-80: rgba(255, 255, 255, .08) !default;
187-
// $ouds-color-opacity-white-120: rgba(255, 255, 255, .12) !default;
187+
$ouds-color-opacity-white-120: rgba(255, 255, 255, .12) !default;
188188
// $ouds-color-opacity-white-160: rgba(255, 255, 255, .16) !default;
189189
$ouds-color-opacity-white-200: rgba(255, 255, 255, .2) !default;
190190
// $ouds-color-opacity-white-240: rgba(255, 255, 255, .24) !default;
@@ -252,10 +252,11 @@ $ouds-dimension-650: $ouds-dimension-base * 13 !default; // 52
252252
$ouds-dimension-700: $ouds-dimension-base * 14 !default; // 56
253253
$ouds-dimension-750: $ouds-dimension-base * 15 !default; // 60
254254
$ouds-dimension-800: $ouds-dimension-base * 16 !default; // 64
255-
// $ouds-dimension-850: $ouds-dimension-base * 17 !default; // 68
255+
$ouds-dimension-850: $ouds-dimension-base * 17 !default; // 68
256256
$ouds-dimension-900: $ouds-dimension-base * 18 !default; // 72
257257
$ouds-dimension-1000: $ouds-dimension-base * 20 !default; // 80
258258
$ouds-dimension-1200: $ouds-dimension-base * 24 !default; // 96
259+
// $ouds-dimension-1250: $ouds-dimension-base * 25 !default; // 100
259260
$ouds-dimension-1400: $ouds-dimension-base * 28 !default; // 112
260261
$ouds-dimension-1600: $ouds-dimension-base * 32 !default; // 128
261262
$ouds-dimension-1800: $ouds-dimension-base * 36 !default; // 144

‎scss/tokens/_semantic-colors-custom-props.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
// Semantic custom properties applications
2-
// Token version 0.8.0
2+
// Token version 0.10.0
33

44
// scss-docs-start ouds-all-semantic-css-color
55
// scss-docs-start ouds-semantic-css-color

‎scss/tokens/_semantic.scss

+39-39
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
// Semantic applications
22
// Depends on raw primitive values
3-
// Token version 0.8.0
3+
// Token version 0.10.0
44

55
// Border
66

@@ -54,12 +54,12 @@ $ouds-color-action-support-enabled-light: $ouds-color-opacity-black-40 !default;
5454
$ouds-color-action-support-focus-light: $ouds-color-opacity-black-80 !default;
5555
$ouds-color-action-support-hover-light: $ouds-color-opacity-black-80 !default;
5656
$ouds-color-action-support-loading-light: $ouds-color-opacity-black-80 !default;
57-
$ouds-color-action-support-pressed-light: $ouds-color-opacity-black-80 !default;
57+
$ouds-color-action-support-pressed-light: $ouds-color-opacity-black-120 !default;
5858
$ouds-color-action-support-enabled-dark: $ouds-color-opacity-white-40 !default;
5959
$ouds-color-action-support-focus-dark: $ouds-color-opacity-white-80 !default;
6060
$ouds-color-action-support-hover-dark: $ouds-color-opacity-white-80 !default;
6161
$ouds-color-action-support-loading-dark: $ouds-color-opacity-white-80 !default;
62-
$ouds-color-action-support-pressed-dark: $ouds-color-opacity-white-80 !default;
62+
$ouds-color-action-support-pressed-dark: $ouds-color-opacity-white-120 !default;
6363
$ouds-color-action-visited-light: $ouds-color-decorative-amethyst-600 !default;
6464
$ouds-color-action-disabled-dark: $ouds-color-opacity-white-200 !default;
6565
$ouds-color-action-enabled-dark: $ouds-color-functional-light-gray-160 !default;
@@ -561,42 +561,42 @@ $ouds-size-icon-with-body-small-size-md-tablet: $ouds-dimension-200 !default;
561561
$ouds-size-icon-with-body-small-size-sm-desktop: $ouds-dimension-200 !default;
562562
$ouds-size-icon-with-body-small-size-sm-mobile: $ouds-dimension-150 !default;
563563
$ouds-size-icon-with-body-small-size-sm-tablet: $ouds-dimension-150 !default;
564-
$ouds-size-icon-with-heading-large-size-lg-desktop: $ouds-dimension-700 !default;
565-
$ouds-size-icon-with-heading-large-size-lg-mobile: $ouds-dimension-600 !default;
566-
$ouds-size-icon-with-heading-large-size-lg-tablet: $ouds-dimension-650 !default;
567-
$ouds-size-icon-with-heading-large-size-md-desktop: $ouds-dimension-650 !default;
568-
$ouds-size-icon-with-heading-large-size-md-mobile: $ouds-dimension-550 !default;
569-
$ouds-size-icon-with-heading-large-size-md-tablet: $ouds-dimension-600 !default;
570-
$ouds-size-icon-with-heading-large-size-sm-desktop: $ouds-dimension-600 !default;
571-
$ouds-size-icon-with-heading-large-size-sm-mobile: $ouds-dimension-500 !default;
572-
$ouds-size-icon-with-heading-large-size-sm-tablet: $ouds-dimension-550 !default;
573-
$ouds-size-icon-with-heading-medium-size-lg-desktop: $ouds-dimension-650 !default;
574-
$ouds-size-icon-with-heading-medium-size-lg-mobile: $ouds-dimension-550 !default;
575-
$ouds-size-icon-with-heading-medium-size-lg-tablet: $ouds-dimension-600 !default;
576-
$ouds-size-icon-with-heading-medium-size-md-desktop: $ouds-dimension-600 !default;
577-
$ouds-size-icon-with-heading-medium-size-md-mobile: $ouds-dimension-500 !default;
578-
$ouds-size-icon-with-heading-medium-size-md-tablet: $ouds-dimension-550 !default;
579-
$ouds-size-icon-with-heading-medium-size-sm-desktop: $ouds-dimension-550 !default;
580-
$ouds-size-icon-with-heading-medium-size-sm-mobile: $ouds-dimension-400 !default;
581-
$ouds-size-icon-with-heading-medium-size-sm-tablet: $ouds-dimension-500 !default;
582-
$ouds-size-icon-with-heading-small-size-lg-desktop: $ouds-dimension-600 !default;
583-
$ouds-size-icon-with-heading-small-size-lg-mobile: $ouds-dimension-550 !default;
584-
$ouds-size-icon-with-heading-small-size-lg-tablet: $ouds-dimension-550 !default;
585-
$ouds-size-icon-with-heading-small-size-md-desktop: $ouds-dimension-550 !default;
586-
$ouds-size-icon-with-heading-small-size-md-mobile: $ouds-dimension-500 !default;
587-
$ouds-size-icon-with-heading-small-size-md-tablet: $ouds-dimension-500 !default;
588-
$ouds-size-icon-with-heading-small-size-sm-desktop: $ouds-dimension-500 !default;
589-
$ouds-size-icon-with-heading-small-size-sm-mobile: $ouds-dimension-400 !default;
590-
$ouds-size-icon-with-heading-small-size-sm-tablet: $ouds-dimension-400 !default;
591-
$ouds-size-icon-with-heading-xlarge-size-lg-desktop: $ouds-dimension-800 !default;
592-
$ouds-size-icon-with-heading-xlarge-size-lg-mobile: $ouds-dimension-650 !default;
593-
$ouds-size-icon-with-heading-xlarge-size-lg-tablet: $ouds-dimension-800 !default;
594-
$ouds-size-icon-with-heading-xlarge-size-md-desktop: $ouds-dimension-750 !default;
595-
$ouds-size-icon-with-heading-xlarge-size-md-mobile: $ouds-dimension-600 !default;
596-
$ouds-size-icon-with-heading-xlarge-size-md-tablet: $ouds-dimension-700 !default;
597-
$ouds-size-icon-with-heading-xlarge-size-sm-desktop: $ouds-dimension-700 !default;
598-
$ouds-size-icon-with-heading-xlarge-size-sm-mobile: $ouds-dimension-550 !default;
599-
$ouds-size-icon-with-heading-xlarge-size-sm-tablet: $ouds-dimension-650 !default;
564+
$ouds-size-icon-with-heading-large-size-lg-desktop: $ouds-dimension-650 !default;
565+
$ouds-size-icon-with-heading-large-size-lg-mobile: $ouds-dimension-500 !default;
566+
$ouds-size-icon-with-heading-large-size-lg-tablet: $ouds-dimension-550 !default;
567+
$ouds-size-icon-with-heading-large-size-md-desktop: $ouds-dimension-600 !default;
568+
$ouds-size-icon-with-heading-large-size-md-mobile: $ouds-dimension-450 !default;
569+
$ouds-size-icon-with-heading-large-size-md-tablet: $ouds-dimension-500 !default;
570+
$ouds-size-icon-with-heading-large-size-sm-desktop: $ouds-dimension-550 !default;
571+
$ouds-size-icon-with-heading-large-size-sm-mobile: $ouds-dimension-400 !default;
572+
$ouds-size-icon-with-heading-large-size-sm-tablet: $ouds-dimension-450 !default;
573+
$ouds-size-icon-with-heading-medium-size-lg-desktop: $ouds-dimension-550 !default;
574+
$ouds-size-icon-with-heading-medium-size-lg-mobile: $ouds-dimension-400 !default;
575+
$ouds-size-icon-with-heading-medium-size-lg-tablet: $ouds-dimension-500 !default;
576+
$ouds-size-icon-with-heading-medium-size-md-desktop: $ouds-dimension-500 !default;
577+
$ouds-size-icon-with-heading-medium-size-md-mobile: $ouds-dimension-350 !default;
578+
$ouds-size-icon-with-heading-medium-size-md-tablet: $ouds-dimension-450 !default;
579+
$ouds-size-icon-with-heading-medium-size-sm-desktop: $ouds-dimension-450 !default;
580+
$ouds-size-icon-with-heading-medium-size-sm-mobile: $ouds-dimension-300 !default;
581+
$ouds-size-icon-with-heading-medium-size-sm-tablet: $ouds-dimension-400 !default;
582+
$ouds-size-icon-with-heading-small-size-lg-desktop: $ouds-dimension-500 !default;
583+
$ouds-size-icon-with-heading-small-size-lg-mobile: $ouds-dimension-400 !default;
584+
$ouds-size-icon-with-heading-small-size-lg-tablet: $ouds-dimension-400 !default;
585+
$ouds-size-icon-with-heading-small-size-md-desktop: $ouds-dimension-450 !default;
586+
$ouds-size-icon-with-heading-small-size-md-mobile: $ouds-dimension-350 !default;
587+
$ouds-size-icon-with-heading-small-size-md-tablet: $ouds-dimension-350 !default;
588+
$ouds-size-icon-with-heading-small-size-sm-desktop: $ouds-dimension-400 !default;
589+
$ouds-size-icon-with-heading-small-size-sm-mobile: $ouds-dimension-300 !default;
590+
$ouds-size-icon-with-heading-small-size-sm-tablet: $ouds-dimension-300 !default;
591+
$ouds-size-icon-with-heading-xlarge-size-lg-desktop: $ouds-dimension-750 !default;
592+
$ouds-size-icon-with-heading-xlarge-size-lg-mobile: $ouds-dimension-550 !default;
593+
$ouds-size-icon-with-heading-xlarge-size-lg-tablet: $ouds-dimension-650 !default;
594+
$ouds-size-icon-with-heading-xlarge-size-md-desktop: $ouds-dimension-700 !default;
595+
$ouds-size-icon-with-heading-xlarge-size-md-mobile: $ouds-dimension-500 !default;
596+
$ouds-size-icon-with-heading-xlarge-size-md-tablet: $ouds-dimension-600 !default;
597+
$ouds-size-icon-with-heading-xlarge-size-sm-desktop: $ouds-dimension-650 !default;
598+
$ouds-size-icon-with-heading-xlarge-size-sm-mobile: $ouds-dimension-450 !default;
599+
$ouds-size-icon-with-heading-xlarge-size-sm-tablet: $ouds-dimension-550 !default;
600600
$ouds-size-max-width-type-body-large-desktop: $ouds-dimension-7000 !default;
601601
$ouds-size-max-width-type-body-large-mobile: $ouds-dimension-6000 !default;
602602
$ouds-size-max-width-type-body-large-tablet: $ouds-dimension-6000 !default;

0 commit comments

Comments
 (0)