@sebgroup/green-core 3.12.0 → 3.12.2

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 (16) hide show
  1. package/components/menu-button/menu-button.styles.js +1 -1
  2. package/components/switch/switch.component.js +0 -1
  3. package/components/switch/switch.styles.js +6 -1
  4. package/components/table/table.component.js +1 -1
  5. package/custom-elements.json +19536 -19536
  6. package/gds-element.js +1 -1
  7. package/generated/mcp/components.json +1 -1
  8. package/generated/mcp/icons.json +1 -1
  9. package/generated/mcp/index.json +1 -1
  10. package/generated/mcp/tokens.json +1 -1
  11. package/generated/react/index.d.ts +7 -7
  12. package/generated/react/index.js +7 -7
  13. package/package.json +2 -1
  14. package/tokens/variables.dark.css.js +1 -1
  15. package/utils/helpers/custom-element-scoping.js +1 -1
  16. package/utils/helpers/style-expression-helpers.js +2 -5
package/gds-element.js CHANGED
@@ -16,7 +16,7 @@ class GdsElement extends LitElement {
16
16
  /**
17
17
  * The semantic version of this element. Can be used for troubleshooting to verify the version being used.
18
18
  */
19
- this.semanticVersion = "3.12.0";
19
+ this.semanticVersion = "3.12.2";
20
20
  this.syncFirstRender = false;
21
21
  this._isUsingTransitionalStyles = false;
22
22
  this._dynamicStylesController = new DynamicStylesController(this);
package/generated/mcp/components.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "generatedAt": "2026-05-18T08:43:11.296Z",
2
+ "generatedAt": "2026-05-22T12:15:14.325Z",
3
3
  "components": [
4
4
  {
5
5
  "name": "gds-alert",
package/generated/mcp/icons.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "generatedAt": "2026-05-18T08:43:11.296Z",
2
+ "generatedAt": "2026-05-22T12:15:14.325Z",
3
3
  "icons": [
4
4
  {
5
5
  "name": "gds-icon-ai",
package/generated/mcp/index.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "generatedAt": "2026-05-18T08:43:11.296Z",
2
+ "generatedAt": "2026-05-22T12:15:14.325Z",
3
3
  "instructions": "./INSTRUCTIONS.md",
4
4
  "components": "./components.json",
5
5
  "icons": "./icons.json",
package/generated/mcp/tokens.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "generatedAt": "2026-05-18T08:43:11.171Z",
2
+ "generatedAt": "2026-05-22T12:15:14.206Z",
3
3
  "categories": {
4
4
  "space": {
5
5
  "description": "Spacing tokens for padding, margin, gap, and other spacing",
package/generated/react/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export * from './alert/index.js';
2
- export * from './avatar/index.js';
3
2
  export * from './badge/index.js';
3
+ export * from './avatar/index.js';
4
4
  export * from './blur/index.js';
5
5
  export * from './breadcrumbs/index.js';
6
6
  export * from './button/index.js';
@@ -17,15 +17,15 @@ export * from './div/index.js';
17
17
  export * from './divider/index.js';
18
18
  export * from './dropdown/index.js';
19
19
  export * from './fab/index.js';
20
- export * from './filter-chips/index.js';
21
20
  export * from './flex/index.js';
21
+ export * from './filter-chips/index.js';
22
22
  export * from './form-summary/index.js';
23
23
  export * from './grid/index.js';
24
24
  export * from './grouped-list/index.js';
25
25
  export * from './list-item/index.js';
26
26
  export * from './img/index.js';
27
- export * from './link/index.js';
28
27
  export * from './input/index.js';
28
+ export * from './link/index.js';
29
29
  export * from './mask/index.js';
30
30
  export * from './menu-button/index.js';
31
31
  export * from './pagination/index.js';
@@ -35,10 +35,10 @@ export * from './radio/index.js';
35
35
  export * from './rich-text/index.js';
36
36
  export * from './segmented-control/index.js';
37
37
  export * from './select/index.js';
38
- export * from './spinner/index.js';
39
38
  export * from './signal/index.js';
40
- export * from './switch/index.js';
39
+ export * from './spinner/index.js';
41
40
  export * from './table/index.js';
41
+ export * from './switch/index.js';
42
42
  export * from './text/index.js';
43
43
  export * from './textarea/index.js';
44
44
  export * from './theme/index.js';
@@ -47,15 +47,15 @@ export * from './card-pattern-01/index.js';
47
47
  export * from './avatar-group/index.js';
48
48
  export * from './breadcrumb/index.js';
49
49
  export * from './checkbox-group/index.js';
50
- export * from './filter-chip/index.js';
51
50
  export * from './icons/icon-details/index.js';
51
+ export * from './filter-chip/index.js';
52
52
  export * from './formatted-account/index.js';
53
53
  export * from './formatted-date/index.js';
54
54
  export * from './formatted-number/index.js';
55
55
  export * from './radio-group/index.js';
56
56
  export * from './segment/index.js';
57
- export * from './sensitive-account/index.js';
58
57
  export * from './sensitive-date/index.js';
58
+ export * from './sensitive-account/index.js';
59
59
  export * from './sensitive-number/index.js';
60
60
  export * from './icons/icon-ai/index.js';
61
61
  export * from './icons/icon-airplane-up/index.js';
package/generated/react/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export * from "./alert/index.js";
2
- export * from "./avatar/index.js";
3
2
  export * from "./badge/index.js";
3
+ export * from "./avatar/index.js";
4
4
  export * from "./blur/index.js";
5
5
  export * from "./breadcrumbs/index.js";
6
6
  export * from "./button/index.js";
@@ -17,15 +17,15 @@ export * from "./div/index.js";
17
17
  export * from "./divider/index.js";
18
18
  export * from "./dropdown/index.js";
19
19
  export * from "./fab/index.js";
20
- export * from "./filter-chips/index.js";
21
20
  export * from "./flex/index.js";
21
+ export * from "./filter-chips/index.js";
22
22
  export * from "./form-summary/index.js";
23
23
  export * from "./grid/index.js";
24
24
  export * from "./grouped-list/index.js";
25
25
  export * from "./list-item/index.js";
26
26
  export * from "./img/index.js";
27
- export * from "./link/index.js";
28
27
  export * from "./input/index.js";
28
+ export * from "./link/index.js";
29
29
  export * from "./mask/index.js";
30
30
  export * from "./menu-button/index.js";
31
31
  export * from "./pagination/index.js";
@@ -35,10 +35,10 @@ export * from "./radio/index.js";
35
35
  export * from "./rich-text/index.js";
36
36
  export * from "./segmented-control/index.js";
37
37
  export * from "./select/index.js";
38
- export * from "./spinner/index.js";
39
38
  export * from "./signal/index.js";
40
- export * from "./switch/index.js";
39
+ export * from "./spinner/index.js";
41
40
  export * from "./table/index.js";
41
+ export * from "./switch/index.js";
42
42
  export * from "./text/index.js";
43
43
  export * from "./textarea/index.js";
44
44
  export * from "./theme/index.js";
@@ -47,15 +47,15 @@ export * from "./card-pattern-01/index.js";
47
47
  export * from "./avatar-group/index.js";
48
48
  export * from "./breadcrumb/index.js";
49
49
  export * from "./checkbox-group/index.js";
50
- export * from "./filter-chip/index.js";
51
50
  export * from "./icons/icon-details/index.js";
51
+ export * from "./filter-chip/index.js";
52
52
  export * from "./formatted-account/index.js";
53
53
  export * from "./formatted-date/index.js";
54
54
  export * from "./formatted-number/index.js";
55
55
  export * from "./radio-group/index.js";
56
56
  export * from "./segment/index.js";
57
- export * from "./sensitive-account/index.js";
58
57
  export * from "./sensitive-date/index.js";
58
+ export * from "./sensitive-account/index.js";
59
59
  export * from "./sensitive-number/index.js";
60
60
  export * from "./icons/icon-ai/index.js";
61
61
  export * from "./icons/icon-airplane-up/index.js";
package/package.json CHANGED
@@ -1,10 +1,11 @@
1
1
  {
2
2
  "name": "@sebgroup/green-core",
3
3
  "description": "A carefully crafted set of Web Components, laying the foundation of the Green Design System.",
4
- "version": "3.12.0",
4
+ "version": "3.12.2",
5
5
  "main": "index.js",
6
6
  "module": "index.js",
7
7
  "type": "module",
8
+ "mcpName": "io.github.mcp-registry/green-core",
8
9
  "bin": {
9
10
  "green-core-mcp": "./bin/mcp-server/index.js",
10
11
  "green-core-context": "./bin/context-cli/index.js"
package/tokens/variables.dark.css.js CHANGED
@@ -1,2 +1,2 @@
1
- const styles = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n\n color-scheme: dark;\n --gds-sys-color-l1-neutral-01: #0a0b0b;\n --gds-sys-color-l1-neutral-02: #0a0b0b;\n --gds-sys-color-l1-brand-01: #003824;\n --gds-sys-color-l1-neutral-03: #ffffff;\n --gds-sys-color-l2-neutral-01: #191a1a;\n --gds-sys-color-l2-neutral-01-2: #313533;\n --gds-sys-color-l2-neutral-02: #191a1a;\n --gds-sys-color-l2-neutral-02-2: #282a29;\n --gds-sys-color-l2-neutral-03: #313533;\n --gds-sys-color-l2-brand-01: #003824;\n --gds-sys-color-l2-brand-02: #231d10;\n --gds-sys-color-l2-positive-01: #003d26;\n --gds-sys-color-l2-negative-01: #451207;\n --gds-sys-color-l2-warning-01: #482a05;\n --gds-sys-color-l2-information-01: #1e201f;\n --gds-sys-color-l2-notice-01: #00294d;\n --gds-sys-color-l3-neutral-01: #282a29;\n --gds-sys-color-l3-neutral-01-2: #3b3f3e;\n --gds-sys-color-l3-neutral-02: #313533;\n --gds-sys-color-l3-neutral-02-2: #3b3f3e;\n --gds-sys-color-l3-neutral-03: #d5d7d7;\n --gds-sys-color-l3-neutral-03-2: #c0c4c2;\n --gds-sys-color-l3-brand-01: #d5d7d7;\n --gds-sys-color-l3-brand-02: #342b18;\n --gds-sys-color-l3-brand-02-2: #453921;\n --gds-sys-color-l3-positive-01: #026436;\n --gds-sys-color-l3-positive-02: #015130;\n --gds-sys-color-l3-positive-03: #003d26;\n --gds-sys-color-l3-negative-01: #a22911;\n --gds-sys-color-l3-negative-02: #731d0c;\n --gds-sys-color-l3-negative-03: #5c170a;\n --gds-sys-color-l3-notice-01: #005fb3;\n --gds-sys-color-l3-notice-02: #004480;\n --gds-sys-color-l3-notice-03: #003666;\n --gds-sys-color-l3-warning-01: #f19e38;\n --gds-sys-color-l3-warning-02: #774508;\n --gds-sys-color-l3-warning-03: #5f3707;\n --gds-sys-color-l3-information-01: #d5d7d7;\n --gds-sys-color-l3-information-02: #313533;\n --gds-sys-color-l3-information-03: #595f5d;\n --gds-sys-color-l3-disabled-01: #595f5d;\n --gds-sys-color-l3-disabled-02: #595f5d;\n --gds-sys-color-l3-disabled-03: #818886;\n --gds-sys-color-border-neutral-01: #a0a6a4;\n --gds-sys-color-border-neutral-02: #454a48;\n --gds-sys-color-border-neutral-03: #282a29;\n --gds-sys-color-border-neutral-04: #f7f8f7;\n --gds-sys-color-border-neutral-05: #ffffff;\n --gds-sys-color-border-information-01: #636967;\n --gds-sys-color-border-information-02: rgba(99, 105, 103, 0.4);\n --gds-sys-color-border-positive-01: #8ae58d;\n --gds-sys-color-border-positive-02: rgba(138, 229, 141, 0.4);\n --gds-sys-color-border-negative-01: #f08975;\n --gds-sys-color-border-negative-02: rgba(240, 137, 117, 0.4);\n --gds-sys-color-border-warning-01: #f5b970;\n --gds-sys-color-border-warning-02: rgba(245, 185, 112, 0.4);\n --gds-sys-color-border-notice-01: #66b8ff;\n --gds-sys-color-border-notice-02: rgba(102, 184, 255, 0.4);\n --gds-sys-color-content-neutral-01: #f7f8f7;\n --gds-sys-color-content-neutral-02: #abb0ae;\n --gds-sys-color-content-neutral-03: #0a0b0b;\n --gds-sys-color-content-neutral-04: #595f5d;\n --gds-sys-color-content-neutral-05: #f7f8f7;\n --gds-sys-color-content-brand-01: #003824;\n --gds-sys-color-content-brand-02: #d6c7a8;\n --gds-sys-color-content-positive-01: #8ae58d;\n --gds-sys-color-content-positive-02: #027839;\n --gds-sys-color-content-positive-03: #8ae58d;\n --gds-sys-color-content-negative-01: #f08975;\n --gds-sys-color-content-negative-02: #f5b0a3;\n --gds-sys-color-content-warning-01: #f5b970;\n --gds-sys-color-content-warning-02: #fce8cf;\n --gds-sys-color-content-notice-01: #66b8ff;\n --gds-sys-color-content-notice-02: #99cfff;\n --gds-sys-color-content-disabled-01: #cacecc;\n --gds-sys-color-content-disabled-02: #cacecc;\n --gds-sys-color-state-neutral-01: #000000 20%;\n --gds-sys-color-state-neutral-02: #000000 35%;\n --gds-sys-color-state-neutral-03: #ffffff 20%;\n --gds-sys-color-state-neutral-04: #ffffff 30%;\n --gds-sys-color-state-neutral-05: #ffffff 12%;\n --gds-sys-color-state-neutral-06: #ffffff 25%;\n --gds-sys-color-state-brand-01: #000000 20%;\n --gds-sys-color-state-brand-02: #000000 30%;\n --gds-sys-color-state-brand-03: #003824 30%;\n --gds-sys-color-state-brand-04: #003824 70%;\n --gds-sys-color-state-brand-05: #003824 50%;\n --gds-sys-color-state-brand-06: #003824 90%;\n --gds-sys-color-state-brand-02-02: #d6c7a8 12%;\n --gds-sys-color-state-brand-02-03: #d6c7a8 18%;\n --gds-sys-color-state-positive-01: #000000 12%;\n --gds-sys-color-state-positive-02: #000000 23%;\n --gds-sys-color-state-positive-03: #ffffff 8%;\n --gds-sys-color-state-positive-04: #ffffff 14%;\n --gds-sys-color-state-positive-05: #027839 30%;\n --gds-sys-color-state-positive-06: #027839 50%;\n --gds-sys-color-state-negative-01: #000000 15%;\n --gds-sys-color-state-negative-02: #000000 30%;\n --gds-sys-color-state-negative-03: #ffffff 8%;\n --gds-sys-color-state-negative-04: #ffffff 14%;\n --gds-sys-color-state-negative-05: #b92f13 30%;\n --gds-sys-color-state-negative-06: #b92f13 45%;\n --gds-sys-color-state-notice-01: #000000 12%;\n --gds-sys-color-state-notice-02: #000000 20%;\n --gds-sys-color-state-notice-03: #ffffff 6%;\n --gds-sys-color-state-notice-04: #ffffff 10%;\n --gds-sys-color-state-notice-05: #005fb3 40%;\n --gds-sys-color-state-notice-06: #005fb3 60%;\n --gds-sys-color-state-warning-01: #000000 6%;\n --gds-sys-color-state-warning-02: #000000 14%;\n --gds-sys-color-state-warning-03: #ffffff 8%;\n --gds-sys-color-state-warning-04: #ffffff 14%;\n --gds-sys-color-state-warning-05: #f19e38 12%;\n --gds-sys-color-state-warning-06: #f19e38 20%;";
1
+ const styles = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n\n color-scheme: dark;\n --gds-sys-color-l1-neutral-01: #0a0b0b;\n --gds-sys-color-l1-neutral-02: #0a0b0b;\n --gds-sys-color-l1-brand-01: #003824;\n --gds-sys-color-l1-neutral-03: #ffffff;\n --gds-sys-color-l2-neutral-01: #191a1a;\n --gds-sys-color-l2-neutral-01-2: #313533;\n --gds-sys-color-l2-neutral-02: #191a1a;\n --gds-sys-color-l2-neutral-02-2: #282a29;\n --gds-sys-color-l2-neutral-03: #313533;\n --gds-sys-color-l2-brand-01: #003824;\n --gds-sys-color-l2-brand-02: #231d10;\n --gds-sys-color-l2-positive-01: #003d26;\n --gds-sys-color-l2-negative-01: #451207;\n --gds-sys-color-l2-warning-01: #482a05;\n --gds-sys-color-l2-information-01: #1e201f;\n --gds-sys-color-l2-notice-01: #00294d;\n --gds-sys-color-l3-neutral-01: #282a29;\n --gds-sys-color-l3-neutral-01-2: #3b3f3e;\n --gds-sys-color-l3-neutral-02: #313533;\n --gds-sys-color-l3-neutral-02-2: #3b3f3e;\n --gds-sys-color-l3-neutral-03: #d5d7d7;\n --gds-sys-color-l3-neutral-03-2: #c0c4c2;\n --gds-sys-color-l3-brand-01: #d5d7d7;\n --gds-sys-color-l3-brand-02: #342b18;\n --gds-sys-color-l3-brand-02-2: #453921;\n --gds-sys-color-l3-positive-01: #026436;\n --gds-sys-color-l3-positive-02: #015130;\n --gds-sys-color-l3-positive-03: #003d26;\n --gds-sys-color-l3-negative-01: #a22911;\n --gds-sys-color-l3-negative-02: #731d0c;\n --gds-sys-color-l3-negative-03: #5c170a;\n --gds-sys-color-l3-notice-01: #005fb3;\n --gds-sys-color-l3-notice-02: #004480;\n --gds-sys-color-l3-notice-03: #003666;\n --gds-sys-color-l3-warning-01: #f19e38;\n --gds-sys-color-l3-warning-02: #774508;\n --gds-sys-color-l3-warning-03: #5f3707;\n --gds-sys-color-l3-information-01: #d5d7d7;\n --gds-sys-color-l3-information-02: #313533;\n --gds-sys-color-l3-information-03: #595f5d;\n --gds-sys-color-l3-disabled-01: #595f5d;\n --gds-sys-color-l3-disabled-02: #595f5d;\n --gds-sys-color-l3-disabled-03: #818886;\n --gds-sys-color-border-neutral-01: #a0a6a4;\n --gds-sys-color-border-neutral-02: #454a48;\n --gds-sys-color-border-neutral-03: #282a29;\n --gds-sys-color-border-neutral-04: #f7f8f7;\n --gds-sys-color-border-neutral-05: #ffffff;\n --gds-sys-color-border-information-01: #636967;\n --gds-sys-color-border-information-02: rgba(99, 105, 103, 0.4);\n --gds-sys-color-border-positive-01: #8ae58d;\n --gds-sys-color-border-positive-02: rgba(138, 229, 141, 0.4);\n --gds-sys-color-border-negative-01: #f08975;\n --gds-sys-color-border-negative-02: rgba(240, 137, 117, 0.4);\n --gds-sys-color-border-warning-01: #f5b970;\n --gds-sys-color-border-warning-02: rgba(245, 185, 112, 0.4);\n --gds-sys-color-border-notice-01: #66b8ff;\n --gds-sys-color-border-notice-02: rgba(102, 184, 255, 0.4);\n --gds-sys-color-content-neutral-01: #f7f8f7;\n --gds-sys-color-content-neutral-02: #abb0ae;\n --gds-sys-color-content-neutral-03: #0a0b0b;\n --gds-sys-color-content-neutral-04: #595f5d;\n --gds-sys-color-content-neutral-05: #f7f8f7;\n --gds-sys-color-content-brand-01: #003824;\n --gds-sys-color-content-brand-02: #d6c7a8;\n --gds-sys-color-content-positive-01: #8ae58d;\n --gds-sys-color-content-positive-02: #027839;\n --gds-sys-color-content-positive-03: #8ae58d;\n --gds-sys-color-content-negative-01: #f08975;\n --gds-sys-color-content-negative-02: #f5b0a3;\n --gds-sys-color-content-warning-01: #f5b970;\n --gds-sys-color-content-warning-02: #fce8cf;\n --gds-sys-color-content-notice-01: #66b8ff;\n --gds-sys-color-content-notice-02: #99cfff;\n --gds-sys-color-content-disabled-01: #cacecc;\n --gds-sys-color-content-disabled-02: #cacecc;\n --gds-sys-color-state-neutral-01: #000000 20%;\n --gds-sys-color-state-neutral-02: #000000 35%;\n --gds-sys-color-state-neutral-03: #ffffff 20%;\n --gds-sys-color-state-neutral-04: #ffffff 30%;\n --gds-sys-color-state-neutral-05: #ffffff 12%;\n --gds-sys-color-state-neutral-06: #ffffff 25%;\n --gds-sys-color-state-brand-01: #000000 20%;\n --gds-sys-color-state-brand-02: #000000 30%;\n --gds-sys-color-state-brand-03: #003824 30%;\n --gds-sys-color-state-brand-04: #003824 70%;\n --gds-sys-color-state-brand-05: #003824 50%;\n --gds-sys-color-state-brand-06: #003824 90%;\n --gds-sys-color-state-brand-02-2: #d6c7a8 12%;\n --gds-sys-color-state-brand-02-3: #d6c7a8 18%;\n --gds-sys-color-state-positive-01: #000000 12%;\n --gds-sys-color-state-positive-02: #000000 23%;\n --gds-sys-color-state-positive-03: #ffffff 8%;\n --gds-sys-color-state-positive-04: #ffffff 14%;\n --gds-sys-color-state-positive-05: #027839 30%;\n --gds-sys-color-state-positive-06: #027839 50%;\n --gds-sys-color-state-negative-01: #000000 15%;\n --gds-sys-color-state-negative-02: #000000 30%;\n --gds-sys-color-state-negative-03: #ffffff 8%;\n --gds-sys-color-state-negative-04: #ffffff 14%;\n --gds-sys-color-state-negative-05: #b92f13 30%;\n --gds-sys-color-state-negative-06: #b92f13 45%;\n --gds-sys-color-state-notice-01: #000000 12%;\n --gds-sys-color-state-notice-02: #000000 20%;\n --gds-sys-color-state-notice-03: #ffffff 6%;\n --gds-sys-color-state-notice-04: #ffffff 10%;\n --gds-sys-color-state-notice-05: #005fb3 40%;\n --gds-sys-color-state-notice-06: #005fb3 60%;\n --gds-sys-color-state-warning-01: #000000 6%;\n --gds-sys-color-state-warning-02: #000000 14%;\n --gds-sys-color-state-warning-03: #ffffff 8%;\n --gds-sys-color-state-warning-04: #ffffff 14%;\n --gds-sys-color-state-warning-05: #f19e38 12%;\n --gds-sys-color-state-warning-06: #f19e38 20%;";
2
2
  export default styles;
package/utils/helpers/custom-element-scoping.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import "../../chunks/chunk.CAV4X6PU.js";
2
2
  import { html as litHtml } from "lit";
3
- const VER_SUFFIX = "-3c11d8";
3
+ const VER_SUFFIX = "-4078db";
4
4
  class ScopedElementRegistry {
5
5
  static get instance() {
6
6
  if (!globalThis.__gdsElementLookupTable?.[VER_SUFFIX])
package/utils/helpers/style-expression-helpers.js CHANGED
@@ -36,11 +36,8 @@ const forSpaceTokensSupportingNegative = {
36
36
  },
37
37
  styleTemplate: (prop, values) => {
38
38
  const transformValue = (v) => v === "auto" ? "auto" : `${v}`;
39
- const top = transformValue(values[0]);
40
- const right = values.length > 1 ? transformValue(values[1]) : top;
41
- const bottom = values.length > 2 ? transformValue(values[2]) : top;
42
- const left = values.length > 3 ? transformValue(values[3]) : right;
43
- return `${prop}: ${top} ${right} ${bottom} ${left};`;
39
+ const valuesToString = values.map(transformValue).join(" ");
40
+ return `${prop}: ${valuesToString};`;
44
41
  }
45
42
  };
46
43
  function sanitizeVariableName(name) {