energy-foundations 2.0.0-beta.2 → 2.0.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 (24) hide show
  1. package/README.md +4 -1
  2. package/dist/energy-foundations.css +1 -1
  3. package/dist/foundations/_spacing.scss +50 -50
  4. package/dist/generated/icon-layers.js +1 -1
  5. package/dist/generated/icon-layers.ts +1 -1
  6. package/dist/generated/icon-names.js +1 -1
  7. package/dist/generated/icon-names.ts +1 -1
  8. package/dist/index.css +33 -752
  9. package/dist/style.css +33 -752
  10. package/dist/variables/_spacing.scss +30 -28
  11. package/dist/variables.css +1 -0
  12. package/llms/00-installation.md +7 -3
  13. package/llms/01-classes.md +44 -0
  14. package/llms/02-css-variables.md +2 -1
  15. package/llms/03-sass-variables-and-mixins.md +1 -13
  16. package/llms/index.md +4 -0
  17. package/package.json +2 -2
  18. package/src/foundations/_spacing.scss +50 -50
  19. package/src/generated/icon-layers.js +1 -1
  20. package/src/generated/icon-layers.ts +1 -1
  21. package/src/generated/icon-names.js +1 -1
  22. package/src/generated/icon-names.ts +1 -1
  23. package/src/variables/_spacing.scss +30 -28
  24. package/src/variables.css +1 -0
package/dist/variables/_spacing.scss CHANGED
@@ -1,3 +1,4 @@
1
+ $rds-spacing-global-0: 0px;
1
2
  $rds-spacing-global-4: 4px;
2
3
  $rds-spacing-global-6: 6px;
3
4
  $rds-spacing-global-8: 8px;
@@ -18,37 +19,38 @@ $rds-spacing-global-120: 120px;
18
19
  $rds-spacing-global-128: 128px;
19
20
 
20
21
  // SPACING GLOBAL -> Informar de que va a ser deprecada.
21
- $rds-spacing-layout-xxs: 4px;
22
- $rds-spacing-layout-xs: 8px;
23
- $rds-spacing-layout-s: 16px;
24
- $rds-spacing-layout-m: 24px;
25
- $rds-spacing-layout-l: 32px;
26
- $rds-spacing-layout-2l: 40px;
27
- $rds-spacing-layout-xl: 48px;
28
- $rds-spacing-layout-2xl: 64px;
29
- $rds-spacing-layout-3xl: 72px;
30
- $rds-spacing-layout-4xl: 80px;
31
- $rds-spacing-layout-5xl: 96px;
32
- $rds-spacing-layout-6xl: 112px;
33
- $rds-spacing-layout-7xl: 120px;
22
+ // $rds-spacing-layout-xxs: 4px;
23
+ // $rds-spacing-layout-xs: 8px;
24
+ // $rds-spacing-layout-s: 16px;
25
+ // $rds-spacing-layout-m: 24px;
26
+ // $rds-spacing-layout-l: 32px;
27
+ // $rds-spacing-layout-2l: 40px;
28
+ // $rds-spacing-layout-xl: 48px;
29
+ // $rds-spacing-layout-2xl: 64px;
30
+ // $rds-spacing-layout-3xl: 72px;
31
+ // $rds-spacing-layout-4xl: 80px;
32
+ // $rds-spacing-layout-5xl: 96px;
33
+ // $rds-spacing-layout-6xl: 112px;
34
+ // $rds-spacing-layout-7xl: 120px;
34
35
 
35
- $spacing-pairs: (
36
- 'xxs': $rds-spacing-layout-xxs,
37
- 'xs': $rds-spacing-layout-xs,
38
- 's': $rds-spacing-layout-s,
39
- 'm': $rds-spacing-layout-m,
40
- 'l': $rds-spacing-layout-l,
41
- '2l': $rds-spacing-layout-2l,
42
- 'xl': $rds-spacing-layout-xl,
43
- '2xl': $rds-spacing-layout-2xl,
44
- '3xl': $rds-spacing-layout-3xl,
45
- '4xl': $rds-spacing-layout-4xl,
46
- '5xl': $rds-spacing-layout-5xl,
47
- '6xl': $rds-spacing-layout-6xl,
48
- '7xl': $rds-spacing-layout-7xl,
49
- );
36
+ // $spacing-pairs: (
37
+ // 'xxs': $rds-spacing-layout-xxs,
38
+ // 'xs': $rds-spacing-layout-xs,
39
+ // 's': $rds-spacing-layout-s,
40
+ // 'm': $rds-spacing-layout-m,
41
+ // 'l': $rds-spacing-layout-l,
42
+ // '2l': $rds-spacing-layout-2l,
43
+ // 'xl': $rds-spacing-layout-xl,
44
+ // '2xl': $rds-spacing-layout-2xl,
45
+ // '3xl': $rds-spacing-layout-3xl,
46
+ // '4xl': $rds-spacing-layout-4xl,
47
+ // '5xl': $rds-spacing-layout-5xl,
48
+ // '6xl': $rds-spacing-layout-6xl,
49
+ // '7xl': $rds-spacing-layout-7xl,
50
+ // );
50
51
 
51
52
  $spacing-global: (
53
+ '0':$rds-spacing-global-0,
52
54
  '4':$rds-spacing-global-4,
53
55
  '6':$rds-spacing-global-6,
54
56
  '8':$rds-spacing-global-8,
package/dist/variables.css CHANGED
@@ -84,6 +84,7 @@
84
84
  --rds-style-state-disabled: 0.3;
85
85
 
86
86
  /* _spacing.scss */
87
+ --rds-spacing-global-0: 0px;
87
88
  --rds-spacing-global-4: 4px;
88
89
  --rds-spacing-global-6: 6px;
89
90
  --rds-spacing-global-8: 8px;
package/llms/00-installation.md CHANGED
@@ -1,6 +1,11 @@
1
1
  # Installation & Quick Start
2
2
 
3
3
 
4
+
5
+ > **Recomendación:** Se recomienda instalar las últimas versiones de **SASS** y **Vite** para que todo funcione correctamente sin warnings.
6
+
7
+ # Instalar
8
+
4
9
  ```
5
10
  yarn add energy-foundations
6
11
  ```
@@ -55,9 +60,8 @@ Recomendamos crear primero un fichero `basic.scss` en vuestro directorio raíz y
55
60
 
56
61
  **basic.scss**
57
62
  ```scss
58
- @use 'energy-foundations/src/rds-variables' as rds;
59
- // ejemplo de uso namespaced
60
- // .example { color: rds.$color-primary; }
63
+ @forward 'energy-foundations/dist/rds-variables';
64
+ // .btn { color: $rds-color-primary; }
61
65
  ```
62
66
 
63
67
  Posteriormente, en el fichero de vite.config:
package/llms/01-classes.md ADDED
@@ -0,0 +1,44 @@
1
+ # Classes Reference (Foundations)
2
+
3
+ Authoritative class reference derived from Storybook MDX. Prefer using classes for layout and styling; when tokens are needed, prefer Sass variables and mixins; use CSS custom properties only if explicitly requested.
4
+
5
+ ## Flex
6
+
7
+ `rds-flex`, `rds-flex-align-baseline`, `rds-flex-align-center`, `rds-flex-align-end`, `rds-flex-align-lg-end`, `rds-flex-align-lg-start`, `rds-flex-align-start`, `rds-flex-align-stretch`, `rds-flex-auto`, `rds-flex-basis-1`, `rds-flex-basis-12`, `rds-flex-basis-auto`
8
+ `rds-flex-basis-full`, `rds-flex-center-center`, `rds-flex-col`, `rds-flex-col-reverse`, `rds-flex-end-stretch`, `rds-flex-grow`, `rds-flex-grow-md`, `rds-flex-initial`, `rds-flex-justify-around`, `rds-flex-justify-between`, `rds-flex-justify-center`, `rds-flex-justify-end`
9
+ `rds-flex-justify-evenly`, `rds-flex-justify-md-center`, `rds-flex-justify-md-end`, `rds-flex-justify-start`, `rds-flex-md-col`, `rds-flex-md-row`, `rds-flex-no-grow`, `rds-flex-no-shrink`, `rds-flex-no-shrink-sm`, `rds-flex-none`, `rds-flex-nowrap`, `rds-flex-row`
10
+ `rds-flex-row-reverse`, `rds-flex-shrink`, `rds-flex-sm-row`, `rds-flex-start-start`, `rds-flex-wrap`, `rds-flex-wrap-reverse`, `rds-inline-flex`
11
+
12
+ ## Grid
13
+
14
+ `rds-body-01`, `rds-body-02`, `rds-col`, `rds-col-1`, `rds-col-2`, `rds-col-3`, `rds-col-ld`, `rds-col-md`, `rds-col-md-4-offset-2`, `rds-col-sd`, `rds-e-layout-max`, `rds-grid`
15
+ `rds-title-01`, `rds-title-02`
16
+
17
+ ## Spacing
18
+
19
+ `rds-headline`, `rds-mb-16`, `rds-mt-48`, `rds-py-12`, `rds-spacin-global-4`, `rds-spacin-global-8`, `rds-spacing-global-112`, `rds-spacing-global-12`, `rds-spacing-global-120`, `rds-spacing-global-128`, `rds-spacing-global-16`, `rds-spacing-global-24`
20
+ `rds-spacing-global-32`, `rds-spacing-global-40`, `rds-spacing-global-48`, `rds-spacing-global-56`, `rds-spacing-global-6`, `rds-spacing-global-64`, `rds-spacing-global-72`, `rds-spacing-global-80`, `rds-spacing-global-88`, `rds-spacing-global-96`
21
+
22
+ ## Typography
23
+
24
+ `rds-body-01`, `rds-body-01-bold`, `rds-body-01-underline`, `rds-body-02`, `rds-body-02-bold`, `rds-body-02-underline`, `rds-button-01`, `rds-button-02`, `rds-caption-01`, `rds-caption-01-bold`, `rds-caption-01-underline`, `rds-caption-02`
25
+ `rds-caption-02-bold`, `rds-caption-02-underline`, `rds-caption-tag`, `rds-font-style`, `rds-headline-00`, `rds-headline-00-ld`, `rds-headline-00-md`, `rds-headline-00-sd`, `rds-headline-00-xd`, `rds-headline-01`, `rds-headline-01-ld`, `rds-headline-01-md`
26
+ `rds-headline-01-sd`, `rds-headline-01-xd`, `rds-headline-02`, `rds-headline-03`, `rds-headline-04`, `rds-monospaced-body-01`, `rds-monospaced-body-01-bold`, `rds-monospaced-body-02`, `rds-monospaced-body-02-bold`, `rds-monospaced-caption-01`, `rds-monospaced-caption-01-bold`, `rds-monospaced-caption-02`
27
+ `rds-monospaced-caption-02-bold`, `rds-numbers-00`, `rds-numbers-01`, `rds-numbers-02`, `rds-numbers-03`, `rds-title-01`, `rds-title-01-ld`, `rds-title-01-md`, `rds-title-01-sd`, `rds-title-01-xd`, `rds-title-02`
28
+
29
+ ## Colors
30
+
31
+ `rds-background-active`, `rds-background-default`, `rds-background-gradient-blue`, `rds-background-gradient-ivory`, `rds-background-gradient-orange`, `rds-background-grey`, `rds-background-navy`, `rds-background-sand`, `rds-background-white`, `rds-body-01-bold`, `rds-body-02`, `rds-body-02-bold`
32
+ `rds-color-background-default`, `rds-color-border-high`, `rds-color-border-high-inverse`, `rds-color-border-highlighted-active`, `rds-color-border-low`, `rds-color-border-low-inverse`, `rds-color-content-high`, `rds-color-content-high-inverse`, `rds-color-content-link`, `rds-color-content-medium`, `rds-color-content-medium-inverse`, `rds-color-content-state-disabled`
33
+ `rds-color-content-state-disabled-inverse`, `rds-color-extended-content-promo`, `rds-color-extended-surface-promo`, `rds-color-highlightedSurface-blueGradient`, `rds-color-highlightedSurface-ivoryGradient`, `rds-color-highlightedSurface-orangeGradient`, `rds-color-semantic-background-error`, `rds-color-semantic-background-information`, `rds-color-semantic-background-success`, `rds-color-semantic-background-warning`, `rds-color-semantic-content-error`, `rds-color-semantic-content-information`
34
+ `rds-color-semantic-content-success`, `rds-color-semantic-content-warning`, `rds-color-surface-grey`, `rds-color-surface-highlighted-active`, `rds-color-surface-navy`, `rds-color-surface-sand`, `rds-color-surface-white`, `rds-content-gradient-orange`, `rds-content-high`, `rds-content-high-i`, `rds-content-link`, `rds-content-medium`
35
+ `rds-content-medium-i`, `rds-content-numbers-highlight`, `rds-title-01`
36
+
37
+ ## Elevation
38
+
39
+ `rds-body-02`, `rds-caption-02`, `rds-color-style-cover-darker`, `rds-color-style-cover-default`, `rds-mb-m`, `rds-style-effect-glass`, `rds-style-effect-overlay`, `rds-style-shadow-m`, `rds-style-shadow-negative`, `rds-style-shadow-s`, `rds-style-state-disabled`, `rds-title-01`
40
+
41
+ ## Border & Radius
42
+
43
+ `rds-body-02`, `rds-radius-inputs`, `rds-radius-l`, `rds-radius-m`, `rds-radius-round`, `rds-radius-s`, `rds-title-01`
44
+
package/llms/02-css-variables.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # CSS Custom Properties
2
2
 
3
- Total: 405 variables.\n\n| Name | Value |
3
+ Total: 406 variables.\n\n| Name | Value |
4
4
  |---|---|
5
5
  | --f-base | 16 |
6
6
  | --f-light | 300 |
@@ -77,6 +77,7 @@ Total: 405 variables.\n\n| Name | Value |
77
77
  | --rds-numbers-03-ld | 1.75rem/2.25rem RepsolSoleDisplayRegular |
78
78
  | --rds-numbers-03-xd | 1.75rem/2.25rem RepsolSoleDisplayRegular |
79
79
  | --rds-style-state-disabled | 0.3 |
80
+ | --rds-spacing-global-0 | 0px |
80
81
  | --rds-spacing-global-4 | 4px |
81
82
  | --rds-spacing-global-6 | 6px |
82
83
  | --rds-spacing-global-8 | 8px |
package/llms/03-sass-variables-and-mixins.md CHANGED
@@ -339,6 +339,7 @@
339
339
 
340
340
  | Name | Default |
341
341
  |---|---|
342
+ | $rds-spacing-global-0 | 0px |
342
343
  | $rds-spacing-global-4 | 4px |
343
344
  | $rds-spacing-global-6 | 6px |
344
345
  | $rds-spacing-global-8 | 8px |
@@ -357,19 +358,6 @@
357
358
  | $rds-spacing-global-112 | 112px |
358
359
  | $rds-spacing-global-120 | 120px |
359
360
  | $rds-spacing-global-128 | 128px |
360
- | $rds-spacing-layout-xxs | 4px |
361
- | $rds-spacing-layout-xs | 8px |
362
- | $rds-spacing-layout-s | 16px |
363
- | $rds-spacing-layout-m | 24px |
364
- | $rds-spacing-layout-l | 32px |
365
- | $rds-spacing-layout-2l | 40px |
366
- | $rds-spacing-layout-xl | 48px |
367
- | $rds-spacing-layout-2xl | 64px |
368
- | $rds-spacing-layout-3xl | 72px |
369
- | $rds-spacing-layout-4xl | 80px |
370
- | $rds-spacing-layout-5xl | 96px |
371
- | $rds-spacing-layout-6xl | 112px |
372
- | $rds-spacing-layout-7xl | 120px |
373
361
 
374
362
  ### _state.scss
375
363
 
package/llms/index.md CHANGED
@@ -6,6 +6,10 @@ Generated for intelligent coding assistants.
6
6
 
7
7
  - [Installation & Quick Start](./00-installation.md)
8
8
 
9
+ ## Classes
10
+
11
+ - [Foundations Classes Reference](./01-classes.md)
12
+
9
13
  ## Variables
10
14
 
11
15
  - [CSS Custom Properties](./02-css-variables.md)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "energy-foundations",
3
- "version": "2.0.0-beta.2",
3
+ "version": "2.0.0",
4
4
  "config": {
5
5
  "commitizen": {
6
6
  "path": "node_modules/cz-customizable"
@@ -82,7 +82,7 @@
82
82
  "build:reset": "rm -rf dist && sass --no-source-map src/rds-reset.scss:dist/rds-reset.css",
83
83
  "build:storybook": "storybook build",
84
84
  "build:variables": "rm -rf dist && sass --no-source-map src/rds-variables.scss:dist/rds-variables.css",
85
- "changelog": "auto-changelog --commit-limit false --unreleased --package --starting-version 1.0.0 --template ./changelog-template.hbs && git add CHANGELOG.md",
85
+ "changelog": "auto-changelog --commit-limit false --unreleased --package --starting-version 2.0.0-beta.0 --template ./changelog-template.hbs && git add CHANGELOG.md",
86
86
  "commit": "git-cz",
87
87
  "commitlint": "commitlint --edit --config=commitlint.config.ts",
88
88
  "dev": "rm -rf dist && sass --no-source-map --watch src/:dist",
package/src/foundations/_spacing.scss CHANGED
@@ -4,57 +4,57 @@
4
4
  @use 'sass:list';
5
5
  @use '../rds-variables' as *;
6
6
 
7
- @each $name, $value in $spacing-pairs {
8
- // margins
9
- .rds-ma-#{$name} {
10
- margin: $value;
11
- }
12
- .rds-mt-#{$name} {
13
- margin-top: $value;
14
- }
15
- .rds-mr-#{$name} {
16
- margin-right: $value;
17
- }
18
- .rds-mb-#{$name} {
19
- margin-bottom: $value;
20
- }
21
- .rds-ml-#{$name} {
22
- margin-left: $value;
23
- }
24
- .rds-mx-#{$name} {
25
- margin-left: $value;
26
- margin-right: $value;
27
- }
28
- .rds-my-#{$name} {
29
- margin-bottom: $value;
30
- margin-top: $value;
31
- }
7
+ // @each $name, $value in $spacing-pairs {
8
+ // // margins
9
+ // .rds-ma-#{$name} {
10
+ // margin: $value;
11
+ // }
12
+ // .rds-mt-#{$name} {
13
+ // margin-top: $value;
14
+ // }
15
+ // .rds-mr-#{$name} {
16
+ // margin-right: $value;
17
+ // }
18
+ // .rds-mb-#{$name} {
19
+ // margin-bottom: $value;
20
+ // }
21
+ // .rds-ml-#{$name} {
22
+ // margin-left: $value;
23
+ // }
24
+ // .rds-mx-#{$name} {
25
+ // margin-left: $value;
26
+ // margin-right: $value;
27
+ // }
28
+ // .rds-my-#{$name} {
29
+ // margin-bottom: $value;
30
+ // margin-top: $value;
31
+ // }
32
32
 
33
- // paddings
34
- .rds-pa-#{$name} {
35
- padding: $value;
36
- }
37
- .rds-pt-#{$name} {
38
- padding-top: $value;
39
- }
40
- .rds-pr-#{$name} {
41
- padding-right: $value;
42
- }
43
- .rds-pb-#{$name} {
44
- padding-bottom: $value;
45
- }
46
- .rds-pl-#{$name} {
47
- padding-left: $value;
48
- }
49
- .rds-px-#{$name} {
50
- padding-left: $value;
51
- padding-right: $value;
52
- }
53
- .rds-py-#{$name} {
54
- padding-bottom: $value;
55
- padding-top: $value;
56
- }
57
- }
33
+ // // paddings
34
+ // .rds-pa-#{$name} {
35
+ // padding: $value;
36
+ // }
37
+ // .rds-pt-#{$name} {
38
+ // padding-top: $value;
39
+ // }
40
+ // .rds-pr-#{$name} {
41
+ // padding-right: $value;
42
+ // }
43
+ // .rds-pb-#{$name} {
44
+ // padding-bottom: $value;
45
+ // }
46
+ // .rds-pl-#{$name} {
47
+ // padding-left: $value;
48
+ // }
49
+ // .rds-px-#{$name} {
50
+ // padding-left: $value;
51
+ // padding-right: $value;
52
+ // }
53
+ // .rds-py-#{$name} {
54
+ // padding-bottom: $value;
55
+ // padding-top: $value;
56
+ // }
57
+ // }
58
58
 
59
59
  @each $name, $value in $spacing-global {
60
60
  // margins
package/src/generated/icon-layers.js CHANGED
@@ -1,4 +1,4 @@
1
- /** Auto-generated by generateIconLayers.js on 2026-01-20T15:32:56.708Z */
1
+ /** Auto-generated by generateIconLayers.js on 2026-02-03T10:28:59.707Z */
2
2
  /* eslint-disable */
3
3
  export const iconLayers = {
4
4
  "source_link": 1,
package/src/generated/icon-layers.ts CHANGED
@@ -1,4 +1,4 @@
1
- /** Auto-generated by generateIconLayers.js on 2026-01-20T15:32:56.708Z */
1
+ /** Auto-generated by generateIconLayers.js on 2026-02-03T10:28:59.707Z */
2
2
  /* eslint-disable */
3
3
  export const iconLayers: Record<string, number> = {
4
4
  "source_link": 1,
package/src/generated/icon-names.js CHANGED
@@ -1,4 +1,4 @@
1
- /** Auto-generated by generateIconLayers.js on 2026-01-20T15:32:56.708Z */
1
+ /** Auto-generated by generateIconLayers.js on 2026-02-03T10:28:59.707Z */
2
2
  /* eslint-disable */
3
3
  export const iconNames = [
4
4
  "ac-aire-acondicionado",
package/src/generated/icon-names.ts CHANGED
@@ -1,4 +1,4 @@
1
- /** Auto-generated by generateIconLayers.js on 2026-01-20T15:32:56.708Z */
1
+ /** Auto-generated by generateIconLayers.js on 2026-02-03T10:28:59.707Z */
2
2
  /* eslint-disable */
3
3
  export const iconNames: string[] = [
4
4
  "ac-aire-acondicionado",
package/src/variables/_spacing.scss CHANGED
@@ -1,3 +1,4 @@
1
+ $rds-spacing-global-0: 0px;
1
2
  $rds-spacing-global-4: 4px;
2
3
  $rds-spacing-global-6: 6px;
3
4
  $rds-spacing-global-8: 8px;
@@ -18,37 +19,38 @@ $rds-spacing-global-120: 120px;
18
19
  $rds-spacing-global-128: 128px;
19
20
 
20
21
  // SPACING GLOBAL -> Informar de que va a ser deprecada.
21
- $rds-spacing-layout-xxs: 4px;
22
- $rds-spacing-layout-xs: 8px;
23
- $rds-spacing-layout-s: 16px;
24
- $rds-spacing-layout-m: 24px;
25
- $rds-spacing-layout-l: 32px;
26
- $rds-spacing-layout-2l: 40px;
27
- $rds-spacing-layout-xl: 48px;
28
- $rds-spacing-layout-2xl: 64px;
29
- $rds-spacing-layout-3xl: 72px;
30
- $rds-spacing-layout-4xl: 80px;
31
- $rds-spacing-layout-5xl: 96px;
32
- $rds-spacing-layout-6xl: 112px;
33
- $rds-spacing-layout-7xl: 120px;
22
+ // $rds-spacing-layout-xxs: 4px;
23
+ // $rds-spacing-layout-xs: 8px;
24
+ // $rds-spacing-layout-s: 16px;
25
+ // $rds-spacing-layout-m: 24px;
26
+ // $rds-spacing-layout-l: 32px;
27
+ // $rds-spacing-layout-2l: 40px;
28
+ // $rds-spacing-layout-xl: 48px;
29
+ // $rds-spacing-layout-2xl: 64px;
30
+ // $rds-spacing-layout-3xl: 72px;
31
+ // $rds-spacing-layout-4xl: 80px;
32
+ // $rds-spacing-layout-5xl: 96px;
33
+ // $rds-spacing-layout-6xl: 112px;
34
+ // $rds-spacing-layout-7xl: 120px;
34
35
 
35
- $spacing-pairs: (
36
- 'xxs': $rds-spacing-layout-xxs,
37
- 'xs': $rds-spacing-layout-xs,
38
- 's': $rds-spacing-layout-s,
39
- 'm': $rds-spacing-layout-m,
40
- 'l': $rds-spacing-layout-l,
41
- '2l': $rds-spacing-layout-2l,
42
- 'xl': $rds-spacing-layout-xl,
43
- '2xl': $rds-spacing-layout-2xl,
44
- '3xl': $rds-spacing-layout-3xl,
45
- '4xl': $rds-spacing-layout-4xl,
46
- '5xl': $rds-spacing-layout-5xl,
47
- '6xl': $rds-spacing-layout-6xl,
48
- '7xl': $rds-spacing-layout-7xl,
49
- );
36
+ // $spacing-pairs: (
37
+ // 'xxs': $rds-spacing-layout-xxs,
38
+ // 'xs': $rds-spacing-layout-xs,
39
+ // 's': $rds-spacing-layout-s,
40
+ // 'm': $rds-spacing-layout-m,
41
+ // 'l': $rds-spacing-layout-l,
42
+ // '2l': $rds-spacing-layout-2l,
43
+ // 'xl': $rds-spacing-layout-xl,
44
+ // '2xl': $rds-spacing-layout-2xl,
45
+ // '3xl': $rds-spacing-layout-3xl,
46
+ // '4xl': $rds-spacing-layout-4xl,
47
+ // '5xl': $rds-spacing-layout-5xl,
48
+ // '6xl': $rds-spacing-layout-6xl,
49
+ // '7xl': $rds-spacing-layout-7xl,
50
+ // );
50
51
 
51
52
  $spacing-global: (
53
+ '0':$rds-spacing-global-0,
52
54
  '4':$rds-spacing-global-4,
53
55
  '6':$rds-spacing-global-6,
54
56
  '8':$rds-spacing-global-8,
package/src/variables.css CHANGED
@@ -84,6 +84,7 @@
84
84
  --rds-style-state-disabled: 0.3;
85
85
 
86
86
  /* _spacing.scss */
87
+ --rds-spacing-global-0: 0px;
87
88
  --rds-spacing-global-4: 4px;
88
89
  --rds-spacing-global-6: 6px;
89
90
  --rds-spacing-global-8: 8px;