@baloise/ds-core 20.0.0-next.8 → 20.0.0-next.9

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 (55) hide show
  1. package/components/ds-alert-container.js +1 -1
  2. package/components/ds-notification.js +1 -1
  3. package/components/ds-snackbar.js +1 -1
  4. package/components/ds-steps.js +1 -1
  5. package/components/ds-toast.js +1 -1
  6. package/components/index.js +1 -1
  7. package/components/p-o0H7eIVX.js +2 -1
  8. package/components/p-u5aa74vh.js +2 -1
  9. package/dist/cjs/ds-alert-container.cjs.entry.js +7 -11
  10. package/dist/cjs/ds-notification.cjs.entry.js +9 -15
  11. package/dist/cjs/ds-snackbar.cjs.entry.js +23 -11
  12. package/dist/cjs/ds-steps.cjs.entry.js +1 -8
  13. package/dist/cjs/ds-toast.cjs.entry.js +21 -9
  14. package/dist/cjs/index-DD7qcaNz.js +1 -1
  15. package/dist/collection/components/alert/alert-container.interfaces.js +1 -1
  16. package/dist/collection/components/alert/alert-container.js +9 -14
  17. package/dist/collection/components/alert/snackbar/snackbar.host.css +1 -1
  18. package/dist/collection/components/alert/snackbar/snackbar.js +22 -10
  19. package/dist/collection/components/alert/toast/toast.host.css +1 -1
  20. package/dist/collection/components/alert/toast/toast.js +20 -8
  21. package/dist/collection/components/notification/notification.host.css +1 -1
  22. package/dist/collection/components/notification/notification.interfaces.js +1 -2
  23. package/dist/collection/components/notification/notification.js +11 -17
  24. package/dist/collection/components/steps/steps/steps.js +1 -8
  25. package/dist/collection/components/steps/test/steps.component.play.js +29 -1
  26. package/dist/collection/global/constants/version.constant.js +1 -1
  27. package/dist/design-system/design-system.esm.js +1 -1
  28. package/dist/design-system/p-14e27a87da.entry.js +4 -0
  29. package/dist/design-system/p-573457cd4b.entry.js +4 -0
  30. package/dist/design-system/p-936673f9f9.entry.js +4 -0
  31. package/dist/design-system/p-MUUOiuTm.js +1 -1
  32. package/dist/design-system/p-bec54c38fc.entry.js +4 -0
  33. package/dist/design-system/p-c8f95bd01a.entry.js +4 -0
  34. package/dist/esm/ds-alert-container.entry.js +7 -11
  35. package/dist/esm/ds-notification.entry.js +9 -15
  36. package/dist/esm/ds-snackbar.entry.js +23 -11
  37. package/dist/esm/ds-steps.entry.js +1 -8
  38. package/dist/esm/ds-toast.entry.js +21 -9
  39. package/dist/esm/index-MUUOiuTm.js +1 -1
  40. package/dist/types/components/alert/alert-container.d.ts +5 -6
  41. package/dist/types/components/alert/alert-container.interfaces.d.ts +1 -1
  42. package/dist/types/components/alert/snackbar/snackbar.d.ts +10 -6
  43. package/dist/types/components/alert/toast/toast.d.ts +8 -4
  44. package/dist/types/components/notification/notification.d.ts +5 -5
  45. package/dist/types/components/notification/notification.interfaces.d.ts +2 -2
  46. package/dist/types/components.d.ts +2 -6
  47. package/docs/cem.json +6 -10
  48. package/docs/components.json +469 -484
  49. package/package.json +28 -5
  50. package/sbom.cdx.json +3195 -3195
  51. package/dist/design-system/p-33165c2b03.entry.js +0 -4
  52. package/dist/design-system/p-a71c22bc50.entry.js +0 -4
  53. package/dist/design-system/p-dfebad2acc.entry.js +0 -4
  54. package/dist/design-system/p-e743fa4c17.entry.js +0 -4
  55. package/dist/design-system/p-f0b0376beb.entry.js +0 -4
package/docs/components.json CHANGED
@@ -1128,10 +1128,10 @@
1128
1128
  },
1129
1129
  {
1130
1130
  "name": "container",
1131
- "type": "\"\" | \"blog-page\" | \"compact\" | \"detail-page\" | \"fluid\" | \"wide\"",
1131
+ "type": "\"blog-page\" | \"compact\" | \"detail-page\" | \"fluid\" | \"wide\" | undefined",
1132
1132
  "complexType": {
1133
1133
  "original": "AlertContainerSize",
1134
- "resolved": "\"\" | \"blog-page\" | \"compact\" | \"detail-page\" | \"fluid\" | \"wide\"",
1134
+ "resolved": "\"blog-page\" | \"compact\" | \"detail-page\" | \"fluid\" | \"wide\" | undefined",
1135
1135
  "references": {
1136
1136
  "AlertContainerSize": {
1137
1137
  "location": "import",
@@ -1145,17 +1145,8 @@
1145
1145
  "attr": "container",
1146
1146
  "reflectToAttr": false,
1147
1147
  "docs": "Defines the container size constraint for the alert layout.",
1148
- "docsTags": [
1149
- {
1150
- "name": "default",
1151
- "text": "''"
1152
- }
1153
- ],
1154
- "default": "''",
1148
+ "docsTags": [],
1155
1149
  "values": [
1156
- {
1157
- "type": "\"\""
1158
- },
1159
1150
  {
1160
1151
  "value": "blog-page",
1161
1152
  "type": "string"
@@ -1175,9 +1166,12 @@
1175
1166
  {
1176
1167
  "value": "wide",
1177
1168
  "type": "string"
1169
+ },
1170
+ {
1171
+ "type": "undefined"
1178
1172
  }
1179
1173
  ],
1180
- "optional": false,
1174
+ "optional": true,
1181
1175
  "required": false,
1182
1176
  "getter": false,
1183
1177
  "setter": false
@@ -36915,10 +36909,10 @@
36915
36909
  },
36916
36910
  {
36917
36911
  "name": "color",
36918
- "type": "\"\" | \"base\" | \"danger\" | \"info\" | \"outline-base\" | \"outline-green\" | \"outline-purple\" | \"outline-red\" | \"outline-yellow\" | \"success\" | \"warning\"",
36912
+ "type": "\"base\" | \"danger\" | \"info\" | \"outline-base\" | \"outline-green\" | \"outline-purple\" | \"outline-red\" | \"outline-yellow\" | \"success\" | \"warning\" | undefined",
36919
36913
  "complexType": {
36920
36914
  "original": "NotificationColor",
36921
- "resolved": "\"\" | \"base\" | \"danger\" | \"info\" | \"outline-base\" | \"outline-green\" | \"outline-purple\" | \"outline-red\" | \"outline-yellow\" | \"success\" | \"warning\"",
36915
+ "resolved": "\"base\" | \"danger\" | \"info\" | \"outline-base\" | \"outline-green\" | \"outline-purple\" | \"outline-red\" | \"outline-yellow\" | \"success\" | \"warning\" | undefined",
36922
36916
  "references": {
36923
36917
  "NotificationColor": {
36924
36918
  "location": "import",
@@ -36932,17 +36926,8 @@
36932
36926
  "attr": "color",
36933
36927
  "reflectToAttr": false,
36934
36928
  "docs": "Defines the color of the element\nColor type primary is deprecated, please use info instead.",
36935
- "docsTags": [
36936
- {
36937
- "name": "default",
36938
- "text": "''"
36939
- }
36940
- ],
36941
- "default": "''",
36929
+ "docsTags": [],
36942
36930
  "values": [
36943
- {
36944
- "type": "\"\""
36945
- },
36946
36931
  {
36947
36932
  "value": "base",
36948
36933
  "type": "string"
@@ -36982,9 +36967,12 @@
36982
36967
  {
36983
36968
  "value": "warning",
36984
36969
  "type": "string"
36970
+ },
36971
+ {
36972
+ "type": "undefined"
36985
36973
  }
36986
36974
  ],
36987
- "optional": false,
36975
+ "optional": true,
36988
36976
  "required": false,
36989
36977
  "getter": false,
36990
36978
  "setter": false
@@ -37049,10 +37037,10 @@
37049
37037
  },
37050
37038
  {
37051
37039
  "name": "size",
37052
- "type": "\"\" | \"large\" | \"lg\" | \"md\" | \"medium\" | \"sm\" | \"small\" | undefined",
37040
+ "type": "\"large\" | \"lg\" | \"md\" | \"medium\" | \"sm\" | \"small\" | undefined",
37053
37041
  "complexType": {
37054
37042
  "original": "NotificationSize",
37055
- "resolved": "\"\" | \"large\" | \"lg\" | \"md\" | \"medium\" | \"sm\" | \"small\" | undefined",
37043
+ "resolved": "\"large\" | \"lg\" | \"md\" | \"medium\" | \"sm\" | \"small\" | undefined",
37056
37044
  "references": {
37057
37045
  "NotificationSize": {
37058
37046
  "location": "import",
@@ -37068,9 +37056,6 @@
37068
37056
  "docs": "Defines the size of the notification, small, medium or large.",
37069
37057
  "docsTags": [],
37070
37058
  "values": [
37071
- {
37072
- "type": "\"\""
37073
- },
37074
37059
  {
37075
37060
  "value": "large",
37076
37061
  "type": "string"
@@ -37269,8 +37254,8 @@
37269
37254
  ]
37270
37255
  },
37271
37256
  {
37272
- "name": "🧩 Component / Notification / Color / Base / Background",
37273
- "cssVarName": "--ds-notification-color-base-background",
37257
+ "name": "🧩 Component / Notification / Base / Color / Background",
37258
+ "cssVarName": "--ds-notification-base-color-background",
37274
37259
  "value": "{🔗 Alias.🎨 Background.Color.GreyLight}",
37275
37260
  "nativeValue": "#F0F0F0",
37276
37261
  "inheritance": [
@@ -37283,21 +37268,21 @@
37283
37268
  "figmaName": "Alias / Background / Color / GreyLight"
37284
37269
  },
37285
37270
  {
37286
- "cssVar": "--ds-notification-color-base-background",
37287
- "figmaName": "Component / Notification / Color / Base / Background"
37271
+ "cssVar": "--ds-notification-base-color-background",
37272
+ "figmaName": "Component / Notification / Base / Color / Background"
37288
37273
  }
37289
37274
  ],
37290
37275
  "path": [
37291
37276
  "🧩 Component",
37292
37277
  "Notification",
37293
- "Color",
37294
37278
  "Base",
37279
+ "Color",
37295
37280
  "Background"
37296
37281
  ]
37297
37282
  },
37298
37283
  {
37299
- "name": "🧩 Component / Notification / Color / Base / Border",
37300
- "cssVarName": "--ds-notification-color-base-border",
37284
+ "name": "🧩 Component / Notification / Base / Color / Border",
37285
+ "cssVarName": "--ds-notification-base-color-border",
37301
37286
  "value": "{🔗 Alias.🎨 Background.Color.GreyLight}",
37302
37287
  "nativeValue": "#F0F0F0",
37303
37288
  "inheritance": [
@@ -37310,21 +37295,21 @@
37310
37295
  "figmaName": "Alias / Background / Color / GreyLight"
37311
37296
  },
37312
37297
  {
37313
- "cssVar": "--ds-notification-color-base-border",
37314
- "figmaName": "Component / Notification / Color / Base / Border"
37298
+ "cssVar": "--ds-notification-base-color-border",
37299
+ "figmaName": "Component / Notification / Base / Color / Border"
37315
37300
  }
37316
37301
  ],
37317
37302
  "path": [
37318
37303
  "🧩 Component",
37319
37304
  "Notification",
37320
- "Color",
37321
37305
  "Base",
37306
+ "Color",
37322
37307
  "Border"
37323
37308
  ]
37324
37309
  },
37325
37310
  {
37326
- "name": "🧩 Component / Notification / Color / Base / Text",
37327
- "cssVarName": "--ds-notification-color-base-text",
37311
+ "name": "🧩 Component / Notification / Base / Color / Text",
37312
+ "cssVarName": "--ds-notification-base-color-text",
37328
37313
  "value": "{🔗 Alias.🔤 Text.Color.Primary}",
37329
37314
  "nativeValue": "#000D6E",
37330
37315
  "inheritance": [
@@ -37337,40 +37322,40 @@
37337
37322
  "figmaName": "Alias / Text / Color / Primary"
37338
37323
  },
37339
37324
  {
37340
- "cssVar": "--ds-notification-color-base-text",
37341
- "figmaName": "Component / Notification / Color / Base / Text"
37325
+ "cssVar": "--ds-notification-base-color-text",
37326
+ "figmaName": "Component / Notification / Base / Color / Text"
37342
37327
  }
37343
37328
  ],
37344
37329
  "path": [
37345
37330
  "🧩 Component",
37346
37331
  "Notification",
37347
- "Color",
37348
37332
  "Base",
37333
+ "Color",
37349
37334
  "Text"
37350
37335
  ]
37351
37336
  },
37352
37337
  {
37353
- "name": "🧩 Component / Notification / Color / Base / Icon",
37354
- "cssVarName": "--ds-notification-color-base-icon",
37338
+ "name": "🧩 Component / Notification / Base / Color / Icon",
37339
+ "cssVarName": "--ds-notification-base-color-icon",
37355
37340
  "value": "url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z\" fill=\"black\"/></svg>')",
37356
37341
  "nativeValue": "url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z\" fill=\"black\"/></svg>')",
37357
37342
  "inheritance": [
37358
37343
  {
37359
- "cssVar": "--ds-notification-color-base-icon",
37360
- "figmaName": "Component / Notification / Color / Base / Icon"
37344
+ "cssVar": "--ds-notification-base-color-icon",
37345
+ "figmaName": "Component / Notification / Base / Color / Icon"
37361
37346
  }
37362
37347
  ],
37363
37348
  "path": [
37364
37349
  "🧩 Component",
37365
37350
  "Notification",
37366
- "Color",
37367
37351
  "Base",
37352
+ "Color",
37368
37353
  "Icon"
37369
37354
  ]
37370
37355
  },
37371
37356
  {
37372
- "name": "🧩 Component / Notification / Color / Info / Background",
37373
- "cssVarName": "--ds-notification-color-info-background",
37357
+ "name": "🧩 Component / Notification / Info / Color / Background",
37358
+ "cssVarName": "--ds-notification-info-color-background",
37374
37359
  "value": "{🔗 Alias.🎨 Background.Color.InfoLight}",
37375
37360
  "nativeValue": "#A4C9ED",
37376
37361
  "inheritance": [
@@ -37383,21 +37368,21 @@
37383
37368
  "figmaName": "Alias / Background / Color / InfoLight"
37384
37369
  },
37385
37370
  {
37386
- "cssVar": "--ds-notification-color-info-background",
37387
- "figmaName": "Component / Notification / Color / Info / Background"
37371
+ "cssVar": "--ds-notification-info-color-background",
37372
+ "figmaName": "Component / Notification / Info / Color / Background"
37388
37373
  }
37389
37374
  ],
37390
37375
  "path": [
37391
37376
  "🧩 Component",
37392
37377
  "Notification",
37393
- "Color",
37394
37378
  "Info",
37379
+ "Color",
37395
37380
  "Background"
37396
37381
  ]
37397
37382
  },
37398
37383
  {
37399
- "name": "🧩 Component / Notification / Color / Info / Border",
37400
- "cssVarName": "--ds-notification-color-info-border",
37384
+ "name": "🧩 Component / Notification / Info / Color / Border",
37385
+ "cssVarName": "--ds-notification-info-color-border",
37401
37386
  "value": "{🔗 Alias.🎨 Background.Color.InfoLight}",
37402
37387
  "nativeValue": "#A4C9ED",
37403
37388
  "inheritance": [
@@ -37410,21 +37395,21 @@
37410
37395
  "figmaName": "Alias / Background / Color / InfoLight"
37411
37396
  },
37412
37397
  {
37413
- "cssVar": "--ds-notification-color-info-border",
37414
- "figmaName": "Component / Notification / Color / Info / Border"
37398
+ "cssVar": "--ds-notification-info-color-border",
37399
+ "figmaName": "Component / Notification / Info / Color / Border"
37415
37400
  }
37416
37401
  ],
37417
37402
  "path": [
37418
37403
  "🧩 Component",
37419
37404
  "Notification",
37420
- "Color",
37421
37405
  "Info",
37406
+ "Color",
37422
37407
  "Border"
37423
37408
  ]
37424
37409
  },
37425
37410
  {
37426
- "name": "🧩 Component / Notification / Color / Info / Text",
37427
- "cssVarName": "--ds-notification-color-info-text",
37411
+ "name": "🧩 Component / Notification / Info / Color / Text",
37412
+ "cssVarName": "--ds-notification-info-color-text",
37428
37413
  "value": "{🔗 Alias.🔤 Text.Color.Primary}",
37429
37414
  "nativeValue": "#000D6E",
37430
37415
  "inheritance": [
@@ -37437,40 +37422,40 @@
37437
37422
  "figmaName": "Alias / Text / Color / Primary"
37438
37423
  },
37439
37424
  {
37440
- "cssVar": "--ds-notification-color-info-text",
37441
- "figmaName": "Component / Notification / Color / Info / Text"
37425
+ "cssVar": "--ds-notification-info-color-text",
37426
+ "figmaName": "Component / Notification / Info / Color / Text"
37442
37427
  }
37443
37428
  ],
37444
37429
  "path": [
37445
37430
  "🧩 Component",
37446
37431
  "Notification",
37447
- "Color",
37448
37432
  "Info",
37433
+ "Color",
37449
37434
  "Text"
37450
37435
  ]
37451
37436
  },
37452
37437
  {
37453
- "name": "🧩 Component / Notification / Color / Info / Icon",
37454
- "cssVarName": "--ds-notification-color-info-icon",
37438
+ "name": "🧩 Component / Notification / Info / Color / Icon",
37439
+ "cssVarName": "--ds-notification-info-color-icon",
37455
37440
  "value": "url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z\" fill=\"black\"/></svg>')",
37456
37441
  "nativeValue": "url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z\" fill=\"black\"/></svg>')",
37457
37442
  "inheritance": [
37458
37443
  {
37459
- "cssVar": "--ds-notification-color-info-icon",
37460
- "figmaName": "Component / Notification / Color / Info / Icon"
37444
+ "cssVar": "--ds-notification-info-color-icon",
37445
+ "figmaName": "Component / Notification / Info / Color / Icon"
37461
37446
  }
37462
37447
  ],
37463
37448
  "path": [
37464
37449
  "🧩 Component",
37465
37450
  "Notification",
37466
- "Color",
37467
37451
  "Info",
37452
+ "Color",
37468
37453
  "Icon"
37469
37454
  ]
37470
37455
  },
37471
37456
  {
37472
- "name": "🧩 Component / Notification / Color / Success / Background",
37473
- "cssVarName": "--ds-notification-color-success-background",
37457
+ "name": "🧩 Component / Notification / Success / Color / Background",
37458
+ "cssVarName": "--ds-notification-success-color-background",
37474
37459
  "value": "{🔗 Alias.🎨 Background.Color.SuccessLight}",
37475
37460
  "nativeValue": "#A1CFB3",
37476
37461
  "inheritance": [
@@ -37483,21 +37468,21 @@
37483
37468
  "figmaName": "Alias / Background / Color / SuccessLight"
37484
37469
  },
37485
37470
  {
37486
- "cssVar": "--ds-notification-color-success-background",
37487
- "figmaName": "Component / Notification / Color / Success / Background"
37471
+ "cssVar": "--ds-notification-success-color-background",
37472
+ "figmaName": "Component / Notification / Success / Color / Background"
37488
37473
  }
37489
37474
  ],
37490
37475
  "path": [
37491
37476
  "🧩 Component",
37492
37477
  "Notification",
37493
- "Color",
37494
37478
  "Success",
37479
+ "Color",
37495
37480
  "Background"
37496
37481
  ]
37497
37482
  },
37498
37483
  {
37499
- "name": "🧩 Component / Notification / Color / Success / Border",
37500
- "cssVarName": "--ds-notification-color-success-border",
37484
+ "name": "🧩 Component / Notification / Success / Color / Border",
37485
+ "cssVarName": "--ds-notification-success-color-border",
37501
37486
  "value": "{🔗 Alias.🎨 Background.Color.SuccessLight}",
37502
37487
  "nativeValue": "#A1CFB3",
37503
37488
  "inheritance": [
@@ -37510,21 +37495,21 @@
37510
37495
  "figmaName": "Alias / Background / Color / SuccessLight"
37511
37496
  },
37512
37497
  {
37513
- "cssVar": "--ds-notification-color-success-border",
37514
- "figmaName": "Component / Notification / Color / Success / Border"
37498
+ "cssVar": "--ds-notification-success-color-border",
37499
+ "figmaName": "Component / Notification / Success / Color / Border"
37515
37500
  }
37516
37501
  ],
37517
37502
  "path": [
37518
37503
  "🧩 Component",
37519
37504
  "Notification",
37520
- "Color",
37521
37505
  "Success",
37506
+ "Color",
37522
37507
  "Border"
37523
37508
  ]
37524
37509
  },
37525
37510
  {
37526
- "name": "🧩 Component / Notification / Color / Success / Text",
37527
- "cssVarName": "--ds-notification-color-success-text",
37511
+ "name": "🧩 Component / Notification / Success / Color / Text",
37512
+ "cssVarName": "--ds-notification-success-color-text",
37528
37513
  "value": "{🔗 Alias.🔤 Text.Color.Primary}",
37529
37514
  "nativeValue": "#000D6E",
37530
37515
  "inheritance": [
@@ -37537,40 +37522,40 @@
37537
37522
  "figmaName": "Alias / Text / Color / Primary"
37538
37523
  },
37539
37524
  {
37540
- "cssVar": "--ds-notification-color-success-text",
37541
- "figmaName": "Component / Notification / Color / Success / Text"
37525
+ "cssVar": "--ds-notification-success-color-text",
37526
+ "figmaName": "Component / Notification / Success / Color / Text"
37542
37527
  }
37543
37528
  ],
37544
37529
  "path": [
37545
37530
  "🧩 Component",
37546
37531
  "Notification",
37547
- "Color",
37548
37532
  "Success",
37533
+ "Color",
37549
37534
  "Text"
37550
37535
  ]
37551
37536
  },
37552
37537
  {
37553
- "name": "🧩 Component / Notification / Color / Success / Icon",
37554
- "cssVarName": "--ds-notification-color-success-icon",
37538
+ "name": "🧩 Component / Notification / Success / Color / Icon",
37539
+ "cssVarName": "--ds-notification-success-color-icon",
37555
37540
  "value": "url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z\" fill=\"black\"/></svg>')",
37556
37541
  "nativeValue": "url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z\" fill=\"black\"/></svg>')",
37557
37542
  "inheritance": [
37558
37543
  {
37559
- "cssVar": "--ds-notification-color-success-icon",
37560
- "figmaName": "Component / Notification / Color / Success / Icon"
37544
+ "cssVar": "--ds-notification-success-color-icon",
37545
+ "figmaName": "Component / Notification / Success / Color / Icon"
37561
37546
  }
37562
37547
  ],
37563
37548
  "path": [
37564
37549
  "🧩 Component",
37565
37550
  "Notification",
37566
- "Color",
37567
37551
  "Success",
37552
+ "Color",
37568
37553
  "Icon"
37569
37554
  ]
37570
37555
  },
37571
37556
  {
37572
- "name": "🧩 Component / Notification / Color / Warning / Background",
37573
- "cssVarName": "--ds-notification-color-warning-background",
37557
+ "name": "🧩 Component / Notification / Warning / Color / Background",
37558
+ "cssVarName": "--ds-notification-warning-color-background",
37574
37559
  "value": "{🔗 Alias.🎨 Background.Color.WarningLight}",
37575
37560
  "nativeValue": "#FFE5A3",
37576
37561
  "inheritance": [
@@ -37583,21 +37568,21 @@
37583
37568
  "figmaName": "Alias / Background / Color / WarningLight"
37584
37569
  },
37585
37570
  {
37586
- "cssVar": "--ds-notification-color-warning-background",
37587
- "figmaName": "Component / Notification / Color / Warning / Background"
37571
+ "cssVar": "--ds-notification-warning-color-background",
37572
+ "figmaName": "Component / Notification / Warning / Color / Background"
37588
37573
  }
37589
37574
  ],
37590
37575
  "path": [
37591
37576
  "🧩 Component",
37592
37577
  "Notification",
37593
- "Color",
37594
37578
  "Warning",
37579
+ "Color",
37595
37580
  "Background"
37596
37581
  ]
37597
37582
  },
37598
37583
  {
37599
- "name": "🧩 Component / Notification / Color / Warning / Border",
37600
- "cssVarName": "--ds-notification-color-warning-border",
37584
+ "name": "🧩 Component / Notification / Warning / Color / Border",
37585
+ "cssVarName": "--ds-notification-warning-color-border",
37601
37586
  "value": "{🔗 Alias.🎨 Background.Color.WarningLight}",
37602
37587
  "nativeValue": "#FFE5A3",
37603
37588
  "inheritance": [
@@ -37610,21 +37595,21 @@
37610
37595
  "figmaName": "Alias / Background / Color / WarningLight"
37611
37596
  },
37612
37597
  {
37613
- "cssVar": "--ds-notification-color-warning-border",
37614
- "figmaName": "Component / Notification / Color / Warning / Border"
37598
+ "cssVar": "--ds-notification-warning-color-border",
37599
+ "figmaName": "Component / Notification / Warning / Color / Border"
37615
37600
  }
37616
37601
  ],
37617
37602
  "path": [
37618
37603
  "🧩 Component",
37619
37604
  "Notification",
37620
- "Color",
37621
37605
  "Warning",
37606
+ "Color",
37622
37607
  "Border"
37623
37608
  ]
37624
37609
  },
37625
37610
  {
37626
- "name": "🧩 Component / Notification / Color / Warning / Text",
37627
- "cssVarName": "--ds-notification-color-warning-text",
37611
+ "name": "🧩 Component / Notification / Warning / Color / Text",
37612
+ "cssVarName": "--ds-notification-warning-color-text",
37628
37613
  "value": "{🔗 Alias.🔤 Text.Color.Primary}",
37629
37614
  "nativeValue": "#000D6E",
37630
37615
  "inheritance": [
@@ -37637,40 +37622,40 @@
37637
37622
  "figmaName": "Alias / Text / Color / Primary"
37638
37623
  },
37639
37624
  {
37640
- "cssVar": "--ds-notification-color-warning-text",
37641
- "figmaName": "Component / Notification / Color / Warning / Text"
37625
+ "cssVar": "--ds-notification-warning-color-text",
37626
+ "figmaName": "Component / Notification / Warning / Color / Text"
37642
37627
  }
37643
37628
  ],
37644
37629
  "path": [
37645
37630
  "🧩 Component",
37646
37631
  "Notification",
37647
- "Color",
37648
37632
  "Warning",
37633
+ "Color",
37649
37634
  "Text"
37650
37635
  ]
37651
37636
  },
37652
37637
  {
37653
- "name": "🧩 Component / Notification / Color / Warning / Icon",
37654
- "cssVarName": "--ds-notification-color-warning-icon",
37638
+ "name": "🧩 Component / Notification / Warning / Color / Icon",
37639
+ "cssVarName": "--ds-notification-warning-color-icon",
37655
37640
  "value": "url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>')",
37656
37641
  "nativeValue": "url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>')",
37657
37642
  "inheritance": [
37658
37643
  {
37659
- "cssVar": "--ds-notification-color-warning-icon",
37660
- "figmaName": "Component / Notification / Color / Warning / Icon"
37644
+ "cssVar": "--ds-notification-warning-color-icon",
37645
+ "figmaName": "Component / Notification / Warning / Color / Icon"
37661
37646
  }
37662
37647
  ],
37663
37648
  "path": [
37664
37649
  "🧩 Component",
37665
37650
  "Notification",
37666
- "Color",
37667
37651
  "Warning",
37652
+ "Color",
37668
37653
  "Icon"
37669
37654
  ]
37670
37655
  },
37671
37656
  {
37672
- "name": "🧩 Component / Notification / Color / Danger / Background",
37673
- "cssVarName": "--ds-notification-color-danger-background",
37657
+ "name": "🧩 Component / Notification / Danger / Color / Background",
37658
+ "cssVarName": "--ds-notification-danger-color-background",
37674
37659
  "value": "{🔗 Alias.🎨 Background.Color.DangerLight}",
37675
37660
  "nativeValue": "#F7A299",
37676
37661
  "inheritance": [
@@ -37683,21 +37668,21 @@
37683
37668
  "figmaName": "Alias / Background / Color / DangerLight"
37684
37669
  },
37685
37670
  {
37686
- "cssVar": "--ds-notification-color-danger-background",
37687
- "figmaName": "Component / Notification / Color / Danger / Background"
37671
+ "cssVar": "--ds-notification-danger-color-background",
37672
+ "figmaName": "Component / Notification / Danger / Color / Background"
37688
37673
  }
37689
37674
  ],
37690
37675
  "path": [
37691
37676
  "🧩 Component",
37692
37677
  "Notification",
37693
- "Color",
37694
37678
  "Danger",
37679
+ "Color",
37695
37680
  "Background"
37696
37681
  ]
37697
37682
  },
37698
37683
  {
37699
- "name": "🧩 Component / Notification / Color / Danger / Border",
37700
- "cssVarName": "--ds-notification-color-danger-border",
37684
+ "name": "🧩 Component / Notification / Danger / Color / Border",
37685
+ "cssVarName": "--ds-notification-danger-color-border",
37701
37686
  "value": "{🔗 Alias.🎨 Background.Color.DangerLight}",
37702
37687
  "nativeValue": "#F7A299",
37703
37688
  "inheritance": [
@@ -37710,21 +37695,21 @@
37710
37695
  "figmaName": "Alias / Background / Color / DangerLight"
37711
37696
  },
37712
37697
  {
37713
- "cssVar": "--ds-notification-color-danger-border",
37714
- "figmaName": "Component / Notification / Color / Danger / Border"
37698
+ "cssVar": "--ds-notification-danger-color-border",
37699
+ "figmaName": "Component / Notification / Danger / Color / Border"
37715
37700
  }
37716
37701
  ],
37717
37702
  "path": [
37718
37703
  "🧩 Component",
37719
37704
  "Notification",
37720
- "Color",
37721
37705
  "Danger",
37706
+ "Color",
37722
37707
  "Border"
37723
37708
  ]
37724
37709
  },
37725
37710
  {
37726
- "name": "🧩 Component / Notification / Color / Danger / Text",
37727
- "cssVarName": "--ds-notification-color-danger-text",
37711
+ "name": "🧩 Component / Notification / Danger / Color / Text",
37712
+ "cssVarName": "--ds-notification-danger-color-text",
37728
37713
  "value": "{🔗 Alias.🔤 Text.Color.Primary}",
37729
37714
  "nativeValue": "#000D6E",
37730
37715
  "inheritance": [
@@ -37737,40 +37722,40 @@
37737
37722
  "figmaName": "Alias / Text / Color / Primary"
37738
37723
  },
37739
37724
  {
37740
- "cssVar": "--ds-notification-color-danger-text",
37741
- "figmaName": "Component / Notification / Color / Danger / Text"
37725
+ "cssVar": "--ds-notification-danger-color-text",
37726
+ "figmaName": "Component / Notification / Danger / Color / Text"
37742
37727
  }
37743
37728
  ],
37744
37729
  "path": [
37745
37730
  "🧩 Component",
37746
37731
  "Notification",
37747
- "Color",
37748
37732
  "Danger",
37733
+ "Color",
37749
37734
  "Text"
37750
37735
  ]
37751
37736
  },
37752
37737
  {
37753
- "name": "🧩 Component / Notification / Color / Danger / Icon",
37754
- "cssVarName": "--ds-notification-color-danger-icon",
37738
+ "name": "🧩 Component / Notification / Danger / Color / Icon",
37739
+ "cssVarName": "--ds-notification-danger-color-icon",
37755
37740
  "value": "url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>')",
37756
37741
  "nativeValue": "url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>')",
37757
37742
  "inheritance": [
37758
37743
  {
37759
- "cssVar": "--ds-notification-color-danger-icon",
37760
- "figmaName": "Component / Notification / Color / Danger / Icon"
37744
+ "cssVar": "--ds-notification-danger-color-icon",
37745
+ "figmaName": "Component / Notification / Danger / Color / Icon"
37761
37746
  }
37762
37747
  ],
37763
37748
  "path": [
37764
37749
  "🧩 Component",
37765
37750
  "Notification",
37766
- "Color",
37767
37751
  "Danger",
37752
+ "Color",
37768
37753
  "Icon"
37769
37754
  ]
37770
37755
  },
37771
37756
  {
37772
- "name": "🧩 Component / Notification / Color / OutlineBase / Background",
37773
- "cssVarName": "--ds-notification-color-outlinebase-background",
37757
+ "name": "🧩 Component / Notification / OutlineBase / Color / Background",
37758
+ "cssVarName": "--ds-notification-outlinebase-color-background",
37774
37759
  "value": "{🔗 Alias.🎨 Background.Color.White}",
37775
37760
  "nativeValue": "#FFFFFF",
37776
37761
  "inheritance": [
@@ -37783,21 +37768,21 @@
37783
37768
  "figmaName": "Alias / Background / Color / White"
37784
37769
  },
37785
37770
  {
37786
- "cssVar": "--ds-notification-color-outlinebase-background",
37787
- "figmaName": "Component / Notification / Color / OutlineBase / Background"
37771
+ "cssVar": "--ds-notification-outlinebase-color-background",
37772
+ "figmaName": "Component / Notification / OutlineBase / Color / Background"
37788
37773
  }
37789
37774
  ],
37790
37775
  "path": [
37791
37776
  "🧩 Component",
37792
37777
  "Notification",
37793
- "Color",
37794
37778
  "OutlineBase",
37779
+ "Color",
37795
37780
  "Background"
37796
37781
  ]
37797
37782
  },
37798
37783
  {
37799
- "name": "🧩 Component / Notification / Color / OutlineBase / Border",
37800
- "cssVarName": "--ds-notification-color-outlinebase-border",
37784
+ "name": "🧩 Component / Notification / OutlineBase / Color / Border",
37785
+ "cssVarName": "--ds-notification-outlinebase-color-border",
37801
37786
  "value": "{🌐 Global.🌈 Color.Primary.2}",
37802
37787
  "nativeValue": "#B3B6D4",
37803
37788
  "inheritance": [
@@ -37806,21 +37791,21 @@
37806
37791
  "figmaName": "Global / Color / Primary / 2"
37807
37792
  },
37808
37793
  {
37809
- "cssVar": "--ds-notification-color-outlinebase-border",
37810
- "figmaName": "Component / Notification / Color / OutlineBase / Border"
37794
+ "cssVar": "--ds-notification-outlinebase-color-border",
37795
+ "figmaName": "Component / Notification / OutlineBase / Color / Border"
37811
37796
  }
37812
37797
  ],
37813
37798
  "path": [
37814
37799
  "🧩 Component",
37815
37800
  "Notification",
37816
- "Color",
37817
37801
  "OutlineBase",
37802
+ "Color",
37818
37803
  "Border"
37819
37804
  ]
37820
37805
  },
37821
37806
  {
37822
- "name": "🧩 Component / Notification / Color / OutlineBase / Text",
37823
- "cssVarName": "--ds-notification-color-outlinebase-text",
37807
+ "name": "🧩 Component / Notification / OutlineBase / Color / Text",
37808
+ "cssVarName": "--ds-notification-outlinebase-color-text",
37824
37809
  "value": "{🔗 Alias.🔤 Text.Color.Primary}",
37825
37810
  "nativeValue": "#000D6E",
37826
37811
  "inheritance": [
@@ -37833,40 +37818,40 @@
37833
37818
  "figmaName": "Alias / Text / Color / Primary"
37834
37819
  },
37835
37820
  {
37836
- "cssVar": "--ds-notification-color-outlinebase-text",
37837
- "figmaName": "Component / Notification / Color / OutlineBase / Text"
37821
+ "cssVar": "--ds-notification-outlinebase-color-text",
37822
+ "figmaName": "Component / Notification / OutlineBase / Color / Text"
37838
37823
  }
37839
37824
  ],
37840
37825
  "path": [
37841
37826
  "🧩 Component",
37842
37827
  "Notification",
37843
- "Color",
37844
37828
  "OutlineBase",
37829
+ "Color",
37845
37830
  "Text"
37846
37831
  ]
37847
37832
  },
37848
37833
  {
37849
- "name": "🧩 Component / Notification / Color / OutlineBase / Icon",
37850
- "cssVarName": "--ds-notification-color-outlinebase-icon",
37834
+ "name": "🧩 Component / Notification / OutlineBase / Color / Icon",
37835
+ "cssVarName": "--ds-notification-outlinebase-color-icon",
37851
37836
  "value": "url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z\" fill=\"black\"/></svg>')",
37852
37837
  "nativeValue": "url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z\" fill=\"black\"/></svg>')",
37853
37838
  "inheritance": [
37854
37839
  {
37855
- "cssVar": "--ds-notification-color-outlinebase-icon",
37856
- "figmaName": "Component / Notification / Color / OutlineBase / Icon"
37840
+ "cssVar": "--ds-notification-outlinebase-color-icon",
37841
+ "figmaName": "Component / Notification / OutlineBase / Color / Icon"
37857
37842
  }
37858
37843
  ],
37859
37844
  "path": [
37860
37845
  "🧩 Component",
37861
37846
  "Notification",
37862
- "Color",
37863
37847
  "OutlineBase",
37848
+ "Color",
37864
37849
  "Icon"
37865
37850
  ]
37866
37851
  },
37867
37852
  {
37868
- "name": "🧩 Component / Notification / Color / OutlinePurple / Background",
37869
- "cssVarName": "--ds-notification-color-outlinepurple-background",
37853
+ "name": "🧩 Component / Notification / OutlinePurple / Color / Background",
37854
+ "cssVarName": "--ds-notification-outlinepurple-color-background",
37870
37855
  "value": "{🔗 Alias.🎨 Background.Color.PurpleLighter}",
37871
37856
  "nativeValue": "#F9F3FF",
37872
37857
  "inheritance": [
@@ -37879,21 +37864,21 @@
37879
37864
  "figmaName": "Alias / Background / Color / PurpleLighter"
37880
37865
  },
37881
37866
  {
37882
- "cssVar": "--ds-notification-color-outlinepurple-background",
37883
- "figmaName": "Component / Notification / Color / OutlinePurple / Background"
37867
+ "cssVar": "--ds-notification-outlinepurple-color-background",
37868
+ "figmaName": "Component / Notification / OutlinePurple / Color / Background"
37884
37869
  }
37885
37870
  ],
37886
37871
  "path": [
37887
37872
  "🧩 Component",
37888
37873
  "Notification",
37889
- "Color",
37890
37874
  "OutlinePurple",
37875
+ "Color",
37891
37876
  "Background"
37892
37877
  ]
37893
37878
  },
37894
37879
  {
37895
- "name": "🧩 Component / Notification / Color / OutlinePurple / Border",
37896
- "cssVarName": "--ds-notification-color-outlinepurple-border",
37880
+ "name": "🧩 Component / Notification / OutlinePurple / Color / Border",
37881
+ "cssVarName": "--ds-notification-outlinepurple-color-border",
37897
37882
  "value": "{🔗 Alias.▭ Border.Color.Purple}",
37898
37883
  "nativeValue": "#BE82FA",
37899
37884
  "inheritance": [
@@ -37906,21 +37891,21 @@
37906
37891
  "figmaName": "Alias / Border / Color / Purple"
37907
37892
  },
37908
37893
  {
37909
- "cssVar": "--ds-notification-color-outlinepurple-border",
37910
- "figmaName": "Component / Notification / Color / OutlinePurple / Border"
37894
+ "cssVar": "--ds-notification-outlinepurple-color-border",
37895
+ "figmaName": "Component / Notification / OutlinePurple / Color / Border"
37911
37896
  }
37912
37897
  ],
37913
37898
  "path": [
37914
37899
  "🧩 Component",
37915
37900
  "Notification",
37916
- "Color",
37917
37901
  "OutlinePurple",
37902
+ "Color",
37918
37903
  "Border"
37919
37904
  ]
37920
37905
  },
37921
37906
  {
37922
- "name": "🧩 Component / Notification / Color / OutlinePurple / Text",
37923
- "cssVarName": "--ds-notification-color-outlinepurple-text",
37907
+ "name": "🧩 Component / Notification / OutlinePurple / Color / Text",
37908
+ "cssVarName": "--ds-notification-outlinepurple-color-text",
37924
37909
  "value": "{🔗 Alias.🔤 Text.Color.Primary}",
37925
37910
  "nativeValue": "#000D6E",
37926
37911
  "inheritance": [
@@ -37933,40 +37918,40 @@
37933
37918
  "figmaName": "Alias / Text / Color / Primary"
37934
37919
  },
37935
37920
  {
37936
- "cssVar": "--ds-notification-color-outlinepurple-text",
37937
- "figmaName": "Component / Notification / Color / OutlinePurple / Text"
37921
+ "cssVar": "--ds-notification-outlinepurple-color-text",
37922
+ "figmaName": "Component / Notification / OutlinePurple / Color / Text"
37938
37923
  }
37939
37924
  ],
37940
37925
  "path": [
37941
37926
  "🧩 Component",
37942
37927
  "Notification",
37943
- "Color",
37944
37928
  "OutlinePurple",
37929
+ "Color",
37945
37930
  "Text"
37946
37931
  ]
37947
37932
  },
37948
37933
  {
37949
- "name": "🧩 Component / Notification / Color / OutlinePurple / Icon",
37950
- "cssVarName": "--ds-notification-color-outlinepurple-icon",
37934
+ "name": "🧩 Component / Notification / OutlinePurple / Color / Icon",
37935
+ "cssVarName": "--ds-notification-outlinepurple-color-icon",
37951
37936
  "value": "url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z\" fill=\"black\"/></svg>')",
37952
37937
  "nativeValue": "url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z\" fill=\"black\"/></svg>')",
37953
37938
  "inheritance": [
37954
37939
  {
37955
- "cssVar": "--ds-notification-color-outlinepurple-icon",
37956
- "figmaName": "Component / Notification / Color / OutlinePurple / Icon"
37940
+ "cssVar": "--ds-notification-outlinepurple-color-icon",
37941
+ "figmaName": "Component / Notification / OutlinePurple / Color / Icon"
37957
37942
  }
37958
37943
  ],
37959
37944
  "path": [
37960
37945
  "🧩 Component",
37961
37946
  "Notification",
37962
- "Color",
37963
37947
  "OutlinePurple",
37948
+ "Color",
37964
37949
  "Icon"
37965
37950
  ]
37966
37951
  },
37967
37952
  {
37968
- "name": "🧩 Component / Notification / Color / OutlineGreen / Background",
37969
- "cssVarName": "--ds-notification-color-outlinegreen-background",
37953
+ "name": "🧩 Component / Notification / OutlineGreen / Color / Background",
37954
+ "cssVarName": "--ds-notification-outlinegreen-color-background",
37970
37955
  "value": "{🔗 Alias.🎨 Background.Color.GreenLighter}",
37971
37956
  "nativeValue": "#E9FBF7",
37972
37957
  "inheritance": [
@@ -37979,21 +37964,21 @@
37979
37964
  "figmaName": "Alias / Background / Color / GreenLighter"
37980
37965
  },
37981
37966
  {
37982
- "cssVar": "--ds-notification-color-outlinegreen-background",
37983
- "figmaName": "Component / Notification / Color / OutlineGreen / Background"
37967
+ "cssVar": "--ds-notification-outlinegreen-color-background",
37968
+ "figmaName": "Component / Notification / OutlineGreen / Color / Background"
37984
37969
  }
37985
37970
  ],
37986
37971
  "path": [
37987
37972
  "🧩 Component",
37988
37973
  "Notification",
37989
- "Color",
37990
37974
  "OutlineGreen",
37975
+ "Color",
37991
37976
  "Background"
37992
37977
  ]
37993
37978
  },
37994
37979
  {
37995
- "name": "🧩 Component / Notification / Color / OutlineGreen / Border",
37996
- "cssVarName": "--ds-notification-color-outlinegreen-border",
37980
+ "name": "🧩 Component / Notification / OutlineGreen / Color / Border",
37981
+ "cssVarName": "--ds-notification-outlinegreen-color-border",
37997
37982
  "value": "{🔗 Alias.▭ Border.Color.Green}",
37998
37983
  "nativeValue": "#21D9AC",
37999
37984
  "inheritance": [
@@ -38006,21 +37991,21 @@
38006
37991
  "figmaName": "Alias / Border / Color / Green"
38007
37992
  },
38008
37993
  {
38009
- "cssVar": "--ds-notification-color-outlinegreen-border",
38010
- "figmaName": "Component / Notification / Color / OutlineGreen / Border"
37994
+ "cssVar": "--ds-notification-outlinegreen-color-border",
37995
+ "figmaName": "Component / Notification / OutlineGreen / Color / Border"
38011
37996
  }
38012
37997
  ],
38013
37998
  "path": [
38014
37999
  "🧩 Component",
38015
38000
  "Notification",
38016
- "Color",
38017
38001
  "OutlineGreen",
38002
+ "Color",
38018
38003
  "Border"
38019
38004
  ]
38020
38005
  },
38021
38006
  {
38022
- "name": "🧩 Component / Notification / Color / OutlineGreen / Text",
38023
- "cssVarName": "--ds-notification-color-outlinegreen-text",
38007
+ "name": "🧩 Component / Notification / OutlineGreen / Color / Text",
38008
+ "cssVarName": "--ds-notification-outlinegreen-color-text",
38024
38009
  "value": "{🔗 Alias.🔤 Text.Color.Primary}",
38025
38010
  "nativeValue": "#000D6E",
38026
38011
  "inheritance": [
@@ -38033,40 +38018,40 @@
38033
38018
  "figmaName": "Alias / Text / Color / Primary"
38034
38019
  },
38035
38020
  {
38036
- "cssVar": "--ds-notification-color-outlinegreen-text",
38037
- "figmaName": "Component / Notification / Color / OutlineGreen / Text"
38021
+ "cssVar": "--ds-notification-outlinegreen-color-text",
38022
+ "figmaName": "Component / Notification / OutlineGreen / Color / Text"
38038
38023
  }
38039
38024
  ],
38040
38025
  "path": [
38041
38026
  "🧩 Component",
38042
38027
  "Notification",
38043
- "Color",
38044
38028
  "OutlineGreen",
38029
+ "Color",
38045
38030
  "Text"
38046
38031
  ]
38047
38032
  },
38048
38033
  {
38049
- "name": "🧩 Component / Notification / Color / OutlineGreen / Icon",
38050
- "cssVarName": "--ds-notification-color-outlinegreen-icon",
38034
+ "name": "🧩 Component / Notification / OutlineGreen / Color / Icon",
38035
+ "cssVarName": "--ds-notification-outlinegreen-color-icon",
38051
38036
  "value": "url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z\" fill=\"black\"/></svg>')",
38052
38037
  "nativeValue": "url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z\" fill=\"black\"/></svg>')",
38053
38038
  "inheritance": [
38054
38039
  {
38055
- "cssVar": "--ds-notification-color-outlinegreen-icon",
38056
- "figmaName": "Component / Notification / Color / OutlineGreen / Icon"
38040
+ "cssVar": "--ds-notification-outlinegreen-color-icon",
38041
+ "figmaName": "Component / Notification / OutlineGreen / Color / Icon"
38057
38042
  }
38058
38043
  ],
38059
38044
  "path": [
38060
38045
  "🧩 Component",
38061
38046
  "Notification",
38062
- "Color",
38063
38047
  "OutlineGreen",
38048
+ "Color",
38064
38049
  "Icon"
38065
38050
  ]
38066
38051
  },
38067
38052
  {
38068
- "name": "🧩 Component / Notification / Color / OutlineYellow / Background",
38069
- "cssVarName": "--ds-notification-color-outlineyellow-background",
38053
+ "name": "🧩 Component / Notification / OutlineYellow / Color / Background",
38054
+ "cssVarName": "--ds-notification-outlineyellow-color-background",
38070
38055
  "value": "{🔗 Alias.🎨 Background.Color.YellowLighter}",
38071
38056
  "nativeValue": "#FFF9E8",
38072
38057
  "inheritance": [
@@ -38079,21 +38064,21 @@
38079
38064
  "figmaName": "Alias / Background / Color / YellowLighter"
38080
38065
  },
38081
38066
  {
38082
- "cssVar": "--ds-notification-color-outlineyellow-background",
38083
- "figmaName": "Component / Notification / Color / OutlineYellow / Background"
38067
+ "cssVar": "--ds-notification-outlineyellow-color-background",
38068
+ "figmaName": "Component / Notification / OutlineYellow / Color / Background"
38084
38069
  }
38085
38070
  ],
38086
38071
  "path": [
38087
38072
  "🧩 Component",
38088
38073
  "Notification",
38089
- "Color",
38090
38074
  "OutlineYellow",
38075
+ "Color",
38091
38076
  "Background"
38092
38077
  ]
38093
38078
  },
38094
38079
  {
38095
- "name": "🧩 Component / Notification / Color / OutlineYellow / Border",
38096
- "cssVarName": "--ds-notification-color-outlineyellow-border",
38080
+ "name": "🧩 Component / Notification / OutlineYellow / Color / Border",
38081
+ "cssVarName": "--ds-notification-outlineyellow-color-border",
38097
38082
  "value": "{🔗 Alias.▭ Border.Color.Yellow}",
38098
38083
  "nativeValue": "#FFBE19",
38099
38084
  "inheritance": [
@@ -38106,21 +38091,21 @@
38106
38091
  "figmaName": "Alias / Border / Color / Yellow"
38107
38092
  },
38108
38093
  {
38109
- "cssVar": "--ds-notification-color-outlineyellow-border",
38110
- "figmaName": "Component / Notification / Color / OutlineYellow / Border"
38094
+ "cssVar": "--ds-notification-outlineyellow-color-border",
38095
+ "figmaName": "Component / Notification / OutlineYellow / Color / Border"
38111
38096
  }
38112
38097
  ],
38113
38098
  "path": [
38114
38099
  "🧩 Component",
38115
38100
  "Notification",
38116
- "Color",
38117
38101
  "OutlineYellow",
38102
+ "Color",
38118
38103
  "Border"
38119
38104
  ]
38120
38105
  },
38121
38106
  {
38122
- "name": "🧩 Component / Notification / Color / OutlineYellow / Text",
38123
- "cssVarName": "--ds-notification-color-outlineyellow-text",
38107
+ "name": "🧩 Component / Notification / OutlineYellow / Color / Text",
38108
+ "cssVarName": "--ds-notification-outlineyellow-color-text",
38124
38109
  "value": "{🔗 Alias.🔤 Text.Color.Primary}",
38125
38110
  "nativeValue": "#000D6E",
38126
38111
  "inheritance": [
@@ -38133,40 +38118,40 @@
38133
38118
  "figmaName": "Alias / Text / Color / Primary"
38134
38119
  },
38135
38120
  {
38136
- "cssVar": "--ds-notification-color-outlineyellow-text",
38137
- "figmaName": "Component / Notification / Color / OutlineYellow / Text"
38121
+ "cssVar": "--ds-notification-outlineyellow-color-text",
38122
+ "figmaName": "Component / Notification / OutlineYellow / Color / Text"
38138
38123
  }
38139
38124
  ],
38140
38125
  "path": [
38141
38126
  "🧩 Component",
38142
38127
  "Notification",
38143
- "Color",
38144
38128
  "OutlineYellow",
38129
+ "Color",
38145
38130
  "Text"
38146
38131
  ]
38147
38132
  },
38148
38133
  {
38149
- "name": "🧩 Component / Notification / Color / OutlineYellow / Icon",
38150
- "cssVarName": "--ds-notification-color-outlineyellow-icon",
38134
+ "name": "🧩 Component / Notification / OutlineYellow / Color / Icon",
38135
+ "cssVarName": "--ds-notification-outlineyellow-color-icon",
38151
38136
  "value": "url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>')",
38152
38137
  "nativeValue": "url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>')",
38153
38138
  "inheritance": [
38154
38139
  {
38155
- "cssVar": "--ds-notification-color-outlineyellow-icon",
38156
- "figmaName": "Component / Notification / Color / OutlineYellow / Icon"
38140
+ "cssVar": "--ds-notification-outlineyellow-color-icon",
38141
+ "figmaName": "Component / Notification / OutlineYellow / Color / Icon"
38157
38142
  }
38158
38143
  ],
38159
38144
  "path": [
38160
38145
  "🧩 Component",
38161
38146
  "Notification",
38162
- "Color",
38163
38147
  "OutlineYellow",
38148
+ "Color",
38164
38149
  "Icon"
38165
38150
  ]
38166
38151
  },
38167
38152
  {
38168
- "name": "🧩 Component / Notification / Color / OutlineRed / Background",
38169
- "cssVarName": "--ds-notification-color-outlinered-background",
38153
+ "name": "🧩 Component / Notification / OutlineRed / Color / Background",
38154
+ "cssVarName": "--ds-notification-outlinered-color-background",
38170
38155
  "value": "{🔗 Alias.🎨 Background.Color.RedLighter}",
38171
38156
  "nativeValue": "#FFEEF1",
38172
38157
  "inheritance": [
@@ -38179,21 +38164,21 @@
38179
38164
  "figmaName": "Alias / Background / Color / RedLighter"
38180
38165
  },
38181
38166
  {
38182
- "cssVar": "--ds-notification-color-outlinered-background",
38183
- "figmaName": "Component / Notification / Color / OutlineRed / Background"
38167
+ "cssVar": "--ds-notification-outlinered-color-background",
38168
+ "figmaName": "Component / Notification / OutlineRed / Color / Background"
38184
38169
  }
38185
38170
  ],
38186
38171
  "path": [
38187
38172
  "🧩 Component",
38188
38173
  "Notification",
38189
- "Color",
38190
38174
  "OutlineRed",
38175
+ "Color",
38191
38176
  "Background"
38192
38177
  ]
38193
38178
  },
38194
38179
  {
38195
- "name": "🧩 Component / Notification / Color / OutlineRed / Border",
38196
- "cssVarName": "--ds-notification-color-outlinered-border",
38180
+ "name": "🧩 Component / Notification / OutlineRed / Color / Border",
38181
+ "cssVarName": "--ds-notification-outlinered-color-border",
38197
38182
  "value": "{🔗 Alias.▭ Border.Color.Red}",
38198
38183
  "nativeValue": "#FF596F",
38199
38184
  "inheritance": [
@@ -38206,21 +38191,21 @@
38206
38191
  "figmaName": "Alias / Border / Color / Red"
38207
38192
  },
38208
38193
  {
38209
- "cssVar": "--ds-notification-color-outlinered-border",
38210
- "figmaName": "Component / Notification / Color / OutlineRed / Border"
38194
+ "cssVar": "--ds-notification-outlinered-color-border",
38195
+ "figmaName": "Component / Notification / OutlineRed / Color / Border"
38211
38196
  }
38212
38197
  ],
38213
38198
  "path": [
38214
38199
  "🧩 Component",
38215
38200
  "Notification",
38216
- "Color",
38217
38201
  "OutlineRed",
38202
+ "Color",
38218
38203
  "Border"
38219
38204
  ]
38220
38205
  },
38221
38206
  {
38222
- "name": "🧩 Component / Notification / Color / OutlineRed / Text",
38223
- "cssVarName": "--ds-notification-color-outlinered-text",
38207
+ "name": "🧩 Component / Notification / OutlineRed / Color / Text",
38208
+ "cssVarName": "--ds-notification-outlinered-color-text",
38224
38209
  "value": "{🔗 Alias.🔤 Text.Color.Primary}",
38225
38210
  "nativeValue": "#000D6E",
38226
38211
  "inheritance": [
@@ -38233,34 +38218,34 @@
38233
38218
  "figmaName": "Alias / Text / Color / Primary"
38234
38219
  },
38235
38220
  {
38236
- "cssVar": "--ds-notification-color-outlinered-text",
38237
- "figmaName": "Component / Notification / Color / OutlineRed / Text"
38221
+ "cssVar": "--ds-notification-outlinered-color-text",
38222
+ "figmaName": "Component / Notification / OutlineRed / Color / Text"
38238
38223
  }
38239
38224
  ],
38240
38225
  "path": [
38241
38226
  "🧩 Component",
38242
38227
  "Notification",
38243
- "Color",
38244
38228
  "OutlineRed",
38229
+ "Color",
38245
38230
  "Text"
38246
38231
  ]
38247
38232
  },
38248
38233
  {
38249
- "name": "🧩 Component / Notification / Color / OutlineRed / Icon",
38250
- "cssVarName": "--ds-notification-color-outlinered-icon",
38234
+ "name": "🧩 Component / Notification / OutlineRed / Color / Icon",
38235
+ "cssVarName": "--ds-notification-outlinered-color-icon",
38251
38236
  "value": "url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>')",
38252
38237
  "nativeValue": "url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>')",
38253
38238
  "inheritance": [
38254
38239
  {
38255
- "cssVar": "--ds-notification-color-outlinered-icon",
38256
- "figmaName": "Component / Notification / Color / OutlineRed / Icon"
38240
+ "cssVar": "--ds-notification-outlinered-color-icon",
38241
+ "figmaName": "Component / Notification / OutlineRed / Color / Icon"
38257
38242
  }
38258
38243
  ],
38259
38244
  "path": [
38260
38245
  "🧩 Component",
38261
38246
  "Notification",
38262
- "Color",
38263
38247
  "OutlineRed",
38248
+ "Color",
38264
38249
  "Icon"
38265
38250
  ]
38266
38251
  }
@@ -50020,34 +50005,6 @@
50020
50005
  "Radius"
50021
50006
  ]
50022
50007
  },
50023
- {
50024
- "name": "🧩 Component / Snackbar / Primary / Color / Bg / Base",
50025
- "cssVarName": "--ds-snackbar-primary-color-bg-base",
50026
- "value": "{🔗 Alias.🎨 Background.Color.GreyLight}",
50027
- "nativeValue": "#F0F0F0",
50028
- "inheritance": [
50029
- {
50030
- "cssVar": "--ds-color-grey-1",
50031
- "figmaName": "Global / Color / Grey / 1"
50032
- },
50033
- {
50034
- "cssVar": "--ds-background-color-greylight",
50035
- "figmaName": "Alias / Background / Color / GreyLight"
50036
- },
50037
- {
50038
- "cssVar": "--ds-snackbar-primary-color-bg-base",
50039
- "figmaName": "Component / Snackbar / Primary / Color / Bg / Base"
50040
- }
50041
- ],
50042
- "path": [
50043
- "🧩 Component",
50044
- "Snackbar",
50045
- "Primary",
50046
- "Color",
50047
- "Bg",
50048
- "Base"
50049
- ]
50050
- },
50051
50008
  {
50052
50009
  "name": "🧩 Component / Snackbar / Primary / Color / Border / Base",
50053
50010
  "cssVarName": "--ds-snackbar-primary-color-border-base",
@@ -50129,18 +50086,22 @@
50129
50086
  ]
50130
50087
  },
50131
50088
  {
50132
- "name": "🧩 Component / Snackbar / Primary / Color / ProgressBg / Base",
50133
- "cssVarName": "--ds-snackbar-primary-color-progressbg-base",
50134
- "value": "{🌐 Global.🌈 Color.Primary.2}",
50135
- "nativeValue": "#B3B6D4",
50089
+ "name": "🧩 Component / Snackbar / Primary / Color / Background / Base",
50090
+ "cssVarName": "--ds-snackbar-primary-color-background-base",
50091
+ "value": "{🔗 Alias.🎨 Background.Color.GreyLight}",
50092
+ "nativeValue": "#F0F0F0",
50136
50093
  "inheritance": [
50137
50094
  {
50138
- "cssVar": "--ds-color-primary-2",
50139
- "figmaName": "Global / Color / Primary / 2"
50095
+ "cssVar": "--ds-color-grey-1",
50096
+ "figmaName": "Global / Color / Grey / 1"
50140
50097
  },
50141
50098
  {
50142
- "cssVar": "--ds-snackbar-primary-color-progressbg-base",
50143
- "figmaName": "Component / Snackbar / Primary / Color / ProgressBg / Base"
50099
+ "cssVar": "--ds-background-color-greylight",
50100
+ "figmaName": "Alias / Background / Color / GreyLight"
50101
+ },
50102
+ {
50103
+ "cssVar": "--ds-snackbar-primary-color-background-base",
50104
+ "figmaName": "Component / Snackbar / Primary / Color / Background / Base"
50144
50105
  }
50145
50106
  ],
50146
50107
  "path": [
@@ -50148,35 +50109,31 @@
50148
50109
  "Snackbar",
50149
50110
  "Primary",
50150
50111
  "Color",
50151
- "ProgressBg",
50112
+ "Background",
50152
50113
  "Base"
50153
50114
  ]
50154
50115
  },
50155
50116
  {
50156
- "name": "🧩 Component / Snackbar / Success / Color / Bg / Base",
50157
- "cssVarName": "--ds-snackbar-success-color-bg-base",
50158
- "value": "{🔗 Alias.🎨 Background.Color.SuccessLight}",
50159
- "nativeValue": "#A1CFB3",
50117
+ "name": "🧩 Component / Snackbar / Primary / Color / ProgressBackground / Base",
50118
+ "cssVarName": "--ds-snackbar-primary-color-progressbackground-base",
50119
+ "value": "{🌐 Global.🌈 Color.Primary.2}",
50120
+ "nativeValue": "#B3B6D4",
50160
50121
  "inheritance": [
50161
50122
  {
50162
- "cssVar": "--ds-color-success-2",
50163
- "figmaName": "Global / Color / Success / 2"
50164
- },
50165
- {
50166
- "cssVar": "--ds-background-color-successlight",
50167
- "figmaName": "Alias / Background / Color / SuccessLight"
50123
+ "cssVar": "--ds-color-primary-2",
50124
+ "figmaName": "Global / Color / Primary / 2"
50168
50125
  },
50169
50126
  {
50170
- "cssVar": "--ds-snackbar-success-color-bg-base",
50171
- "figmaName": "Component / Snackbar / Success / Color / Bg / Base"
50127
+ "cssVar": "--ds-snackbar-primary-color-progressbackground-base",
50128
+ "figmaName": "Component / Snackbar / Primary / Color / ProgressBackground / Base"
50172
50129
  }
50173
50130
  ],
50174
50131
  "path": [
50175
50132
  "🧩 Component",
50176
50133
  "Snackbar",
50177
- "Success",
50134
+ "Primary",
50178
50135
  "Color",
50179
- "Bg",
50136
+ "ProgressBackground",
50180
50137
  "Base"
50181
50138
  ]
50182
50139
  },
@@ -50261,18 +50218,22 @@
50261
50218
  ]
50262
50219
  },
50263
50220
  {
50264
- "name": "🧩 Component / Snackbar / Success / Color / ProgressBg / Base",
50265
- "cssVarName": "--ds-snackbar-success-color-progressbg-base",
50266
- "value": "{🌐 Global.🌈 Color.Success.3}",
50267
- "nativeValue": "#5BAB7A",
50221
+ "name": "🧩 Component / Snackbar / Success / Color / Background / Base",
50222
+ "cssVarName": "--ds-snackbar-success-color-background-base",
50223
+ "value": "{🔗 Alias.🎨 Background.Color.SuccessLight}",
50224
+ "nativeValue": "#A1CFB3",
50268
50225
  "inheritance": [
50269
50226
  {
50270
- "cssVar": "--ds-color-success-3",
50271
- "figmaName": "Global / Color / Success / 3"
50227
+ "cssVar": "--ds-color-success-2",
50228
+ "figmaName": "Global / Color / Success / 2"
50272
50229
  },
50273
50230
  {
50274
- "cssVar": "--ds-snackbar-success-color-progressbg-base",
50275
- "figmaName": "Component / Snackbar / Success / Color / ProgressBg / Base"
50231
+ "cssVar": "--ds-background-color-successlight",
50232
+ "figmaName": "Alias / Background / Color / SuccessLight"
50233
+ },
50234
+ {
50235
+ "cssVar": "--ds-snackbar-success-color-background-base",
50236
+ "figmaName": "Component / Snackbar / Success / Color / Background / Base"
50276
50237
  }
50277
50238
  ],
50278
50239
  "path": [
@@ -50280,35 +50241,31 @@
50280
50241
  "Snackbar",
50281
50242
  "Success",
50282
50243
  "Color",
50283
- "ProgressBg",
50244
+ "Background",
50284
50245
  "Base"
50285
50246
  ]
50286
50247
  },
50287
50248
  {
50288
- "name": "🧩 Component / Snackbar / Info / Color / Bg / Base",
50289
- "cssVarName": "--ds-snackbar-info-color-bg-base",
50290
- "value": "{🔗 Alias.🎨 Background.Color.InfoLight}",
50291
- "nativeValue": "#A4C9ED",
50249
+ "name": "🧩 Component / Snackbar / Success / Color / ProgressBackground / Base",
50250
+ "cssVarName": "--ds-snackbar-success-color-progressbackground-base",
50251
+ "value": "{🌐 Global.🌈 Color.Success.3}",
50252
+ "nativeValue": "#5BAB7A",
50292
50253
  "inheritance": [
50293
50254
  {
50294
- "cssVar": "--ds-color-info-2",
50295
- "figmaName": "Global / Color / Info / 2"
50296
- },
50297
- {
50298
- "cssVar": "--ds-background-color-infolight",
50299
- "figmaName": "Alias / Background / Color / InfoLight"
50255
+ "cssVar": "--ds-color-success-3",
50256
+ "figmaName": "Global / Color / Success / 3"
50300
50257
  },
50301
50258
  {
50302
- "cssVar": "--ds-snackbar-info-color-bg-base",
50303
- "figmaName": "Component / Snackbar / Info / Color / Bg / Base"
50259
+ "cssVar": "--ds-snackbar-success-color-progressbackground-base",
50260
+ "figmaName": "Component / Snackbar / Success / Color / ProgressBackground / Base"
50304
50261
  }
50305
50262
  ],
50306
50263
  "path": [
50307
50264
  "🧩 Component",
50308
50265
  "Snackbar",
50309
- "Info",
50266
+ "Success",
50310
50267
  "Color",
50311
- "Bg",
50268
+ "ProgressBackground",
50312
50269
  "Base"
50313
50270
  ]
50314
50271
  },
@@ -50393,18 +50350,22 @@
50393
50350
  ]
50394
50351
  },
50395
50352
  {
50396
- "name": "🧩 Component / Snackbar / Info / Color / ProgressBg / Base",
50397
- "cssVarName": "--ds-snackbar-info-color-progressbg-base",
50398
- "value": "{🌐 Global.🌈 Color.Info.3}",
50399
- "nativeValue": "#60A0E0",
50353
+ "name": "🧩 Component / Snackbar / Info / Color / Background / Base",
50354
+ "cssVarName": "--ds-snackbar-info-color-background-base",
50355
+ "value": "{🔗 Alias.🎨 Background.Color.InfoLight}",
50356
+ "nativeValue": "#A4C9ED",
50400
50357
  "inheritance": [
50401
50358
  {
50402
- "cssVar": "--ds-color-info-3",
50403
- "figmaName": "Global / Color / Info / 3"
50359
+ "cssVar": "--ds-color-info-2",
50360
+ "figmaName": "Global / Color / Info / 2"
50404
50361
  },
50405
50362
  {
50406
- "cssVar": "--ds-snackbar-info-color-progressbg-base",
50407
- "figmaName": "Component / Snackbar / Info / Color / ProgressBg / Base"
50363
+ "cssVar": "--ds-background-color-infolight",
50364
+ "figmaName": "Alias / Background / Color / InfoLight"
50365
+ },
50366
+ {
50367
+ "cssVar": "--ds-snackbar-info-color-background-base",
50368
+ "figmaName": "Component / Snackbar / Info / Color / Background / Base"
50408
50369
  }
50409
50370
  ],
50410
50371
  "path": [
@@ -50412,35 +50373,31 @@
50412
50373
  "Snackbar",
50413
50374
  "Info",
50414
50375
  "Color",
50415
- "ProgressBg",
50376
+ "Background",
50416
50377
  "Base"
50417
50378
  ]
50418
50379
  },
50419
50380
  {
50420
- "name": "🧩 Component / Snackbar / Warning / Color / Bg / Base",
50421
- "cssVarName": "--ds-snackbar-warning-color-bg-base",
50422
- "value": "{🔗 Alias.🎨 Background.Color.WarningLight}",
50423
- "nativeValue": "#FFE5A3",
50381
+ "name": "🧩 Component / Snackbar / Info / Color / ProgressBackground / Base",
50382
+ "cssVarName": "--ds-snackbar-info-color-progressbackground-base",
50383
+ "value": "{🌐 Global.🌈 Color.Info.3}",
50384
+ "nativeValue": "#60A0E0",
50424
50385
  "inheritance": [
50425
50386
  {
50426
- "cssVar": "--ds-color-warning-2",
50427
- "figmaName": "Global / Color / Warning / 2"
50428
- },
50429
- {
50430
- "cssVar": "--ds-background-color-warninglight",
50431
- "figmaName": "Alias / Background / Color / WarningLight"
50387
+ "cssVar": "--ds-color-info-3",
50388
+ "figmaName": "Global / Color / Info / 3"
50432
50389
  },
50433
50390
  {
50434
- "cssVar": "--ds-snackbar-warning-color-bg-base",
50435
- "figmaName": "Component / Snackbar / Warning / Color / Bg / Base"
50391
+ "cssVar": "--ds-snackbar-info-color-progressbackground-base",
50392
+ "figmaName": "Component / Snackbar / Info / Color / ProgressBackground / Base"
50436
50393
  }
50437
50394
  ],
50438
50395
  "path": [
50439
50396
  "🧩 Component",
50440
50397
  "Snackbar",
50441
- "Warning",
50398
+ "Info",
50442
50399
  "Color",
50443
- "Bg",
50400
+ "ProgressBackground",
50444
50401
  "Base"
50445
50402
  ]
50446
50403
  },
@@ -50525,18 +50482,22 @@
50525
50482
  ]
50526
50483
  },
50527
50484
  {
50528
- "name": "🧩 Component / Snackbar / Warning / Color / ProgressBg / Base",
50529
- "cssVarName": "--ds-snackbar-warning-color-progressbg-base",
50530
- "value": "{🌐 Global.🌈 Color.Warning.3}",
50531
- "nativeValue": "#FFD25E",
50485
+ "name": "🧩 Component / Snackbar / Warning / Color / Background / Base",
50486
+ "cssVarName": "--ds-snackbar-warning-color-background-base",
50487
+ "value": "{🔗 Alias.🎨 Background.Color.WarningLight}",
50488
+ "nativeValue": "#FFE5A3",
50532
50489
  "inheritance": [
50533
50490
  {
50534
- "cssVar": "--ds-color-warning-3",
50535
- "figmaName": "Global / Color / Warning / 3"
50491
+ "cssVar": "--ds-color-warning-2",
50492
+ "figmaName": "Global / Color / Warning / 2"
50536
50493
  },
50537
50494
  {
50538
- "cssVar": "--ds-snackbar-warning-color-progressbg-base",
50539
- "figmaName": "Component / Snackbar / Warning / Color / ProgressBg / Base"
50495
+ "cssVar": "--ds-background-color-warninglight",
50496
+ "figmaName": "Alias / Background / Color / WarningLight"
50497
+ },
50498
+ {
50499
+ "cssVar": "--ds-snackbar-warning-color-background-base",
50500
+ "figmaName": "Component / Snackbar / Warning / Color / Background / Base"
50540
50501
  }
50541
50502
  ],
50542
50503
  "path": [
@@ -50544,35 +50505,31 @@
50544
50505
  "Snackbar",
50545
50506
  "Warning",
50546
50507
  "Color",
50547
- "ProgressBg",
50508
+ "Background",
50548
50509
  "Base"
50549
50510
  ]
50550
50511
  },
50551
50512
  {
50552
- "name": "🧩 Component / Snackbar / Danger / Color / Bg / Base",
50553
- "cssVarName": "--ds-snackbar-danger-color-bg-base",
50554
- "value": "{🔗 Alias.🎨 Background.Color.DangerLight}",
50555
- "nativeValue": "#F7A299",
50513
+ "name": "🧩 Component / Snackbar / Warning / Color / ProgressBackground / Base",
50514
+ "cssVarName": "--ds-snackbar-warning-color-progressbackground-base",
50515
+ "value": "{🌐 Global.🌈 Color.Warning.3}",
50516
+ "nativeValue": "#FFD25E",
50556
50517
  "inheritance": [
50557
50518
  {
50558
- "cssVar": "--ds-color-danger-2",
50559
- "figmaName": "Global / Color / Danger / 2"
50560
- },
50561
- {
50562
- "cssVar": "--ds-background-color-dangerlight",
50563
- "figmaName": "Alias / Background / Color / DangerLight"
50519
+ "cssVar": "--ds-color-warning-3",
50520
+ "figmaName": "Global / Color / Warning / 3"
50564
50521
  },
50565
50522
  {
50566
- "cssVar": "--ds-snackbar-danger-color-bg-base",
50567
- "figmaName": "Component / Snackbar / Danger / Color / Bg / Base"
50523
+ "cssVar": "--ds-snackbar-warning-color-progressbackground-base",
50524
+ "figmaName": "Component / Snackbar / Warning / Color / ProgressBackground / Base"
50568
50525
  }
50569
50526
  ],
50570
50527
  "path": [
50571
50528
  "🧩 Component",
50572
50529
  "Snackbar",
50573
- "Danger",
50530
+ "Warning",
50574
50531
  "Color",
50575
- "Bg",
50532
+ "ProgressBackground",
50576
50533
  "Base"
50577
50534
  ]
50578
50535
  },
@@ -50657,8 +50614,36 @@
50657
50614
  ]
50658
50615
  },
50659
50616
  {
50660
- "name": "🧩 Component / Snackbar / Danger / Color / ProgressBg / Base",
50661
- "cssVarName": "--ds-snackbar-danger-color-progressbg-base",
50617
+ "name": "🧩 Component / Snackbar / Danger / Color / Background / Base",
50618
+ "cssVarName": "--ds-snackbar-danger-color-background-base",
50619
+ "value": "{🔗 Alias.🎨 Background.Color.DangerLight}",
50620
+ "nativeValue": "#F7A299",
50621
+ "inheritance": [
50622
+ {
50623
+ "cssVar": "--ds-color-danger-2",
50624
+ "figmaName": "Global / Color / Danger / 2"
50625
+ },
50626
+ {
50627
+ "cssVar": "--ds-background-color-dangerlight",
50628
+ "figmaName": "Alias / Background / Color / DangerLight"
50629
+ },
50630
+ {
50631
+ "cssVar": "--ds-snackbar-danger-color-background-base",
50632
+ "figmaName": "Component / Snackbar / Danger / Color / Background / Base"
50633
+ }
50634
+ ],
50635
+ "path": [
50636
+ "🧩 Component",
50637
+ "Snackbar",
50638
+ "Danger",
50639
+ "Color",
50640
+ "Background",
50641
+ "Base"
50642
+ ]
50643
+ },
50644
+ {
50645
+ "name": "🧩 Component / Snackbar / Danger / Color / ProgressBackground / Base",
50646
+ "cssVarName": "--ds-snackbar-danger-color-progressbackground-base",
50662
50647
  "value": "{🌐 Global.🌈 Color.Danger.3}",
50663
50648
  "nativeValue": "#F05D4D",
50664
50649
  "inheritance": [
@@ -50667,8 +50652,8 @@
50667
50652
  "figmaName": "Global / Color / Danger / 3"
50668
50653
  },
50669
50654
  {
50670
- "cssVar": "--ds-snackbar-danger-color-progressbg-base",
50671
- "figmaName": "Component / Snackbar / Danger / Color / ProgressBg / Base"
50655
+ "cssVar": "--ds-snackbar-danger-color-progressbackground-base",
50656
+ "figmaName": "Component / Snackbar / Danger / Color / ProgressBackground / Base"
50672
50657
  }
50673
50658
  ],
50674
50659
  "path": [
@@ -50676,7 +50661,7 @@
50676
50661
  "Snackbar",
50677
50662
  "Danger",
50678
50663
  "Color",
50679
- "ProgressBg",
50664
+ "ProgressBackground",
50680
50665
  "Base"
50681
50666
  ]
50682
50667
  }
@@ -59393,34 +59378,6 @@
59393
59378
  "Radius"
59394
59379
  ]
59395
59380
  },
59396
- {
59397
- "name": "🧩 Component / Toast / Primary / Color / Bg / Base",
59398
- "cssVarName": "--ds-toast-primary-color-bg-base",
59399
- "value": "{🔗 Alias.🎨 Background.Color.GreyLight}",
59400
- "nativeValue": "#F0F0F0",
59401
- "inheritance": [
59402
- {
59403
- "cssVar": "--ds-color-grey-1",
59404
- "figmaName": "Global / Color / Grey / 1"
59405
- },
59406
- {
59407
- "cssVar": "--ds-background-color-greylight",
59408
- "figmaName": "Alias / Background / Color / GreyLight"
59409
- },
59410
- {
59411
- "cssVar": "--ds-toast-primary-color-bg-base",
59412
- "figmaName": "Component / Toast / Primary / Color / Bg / Base"
59413
- }
59414
- ],
59415
- "path": [
59416
- "🧩 Component",
59417
- "Toast",
59418
- "Primary",
59419
- "Color",
59420
- "Bg",
59421
- "Base"
59422
- ]
59423
- },
59424
59381
  {
59425
59382
  "name": "🧩 Component / Toast / Primary / Color / Border / Base",
59426
59383
  "cssVarName": "--ds-toast-primary-color-border-base",
@@ -59502,18 +59459,22 @@
59502
59459
  ]
59503
59460
  },
59504
59461
  {
59505
- "name": "🧩 Component / Toast / Primary / Color / ProgressBg / Base",
59506
- "cssVarName": "--ds-toast-primary-color-progressbg-base",
59507
- "value": "{🌐 Global.🌈 Color.Primary.2}",
59508
- "nativeValue": "#B3B6D4",
59462
+ "name": "🧩 Component / Toast / Primary / Color / Background / Base",
59463
+ "cssVarName": "--ds-toast-primary-color-background-base",
59464
+ "value": "{🔗 Alias.🎨 Background.Color.GreyLight}",
59465
+ "nativeValue": "#F0F0F0",
59509
59466
  "inheritance": [
59510
59467
  {
59511
- "cssVar": "--ds-color-primary-2",
59512
- "figmaName": "Global / Color / Primary / 2"
59468
+ "cssVar": "--ds-color-grey-1",
59469
+ "figmaName": "Global / Color / Grey / 1"
59513
59470
  },
59514
59471
  {
59515
- "cssVar": "--ds-toast-primary-color-progressbg-base",
59516
- "figmaName": "Component / Toast / Primary / Color / ProgressBg / Base"
59472
+ "cssVar": "--ds-background-color-greylight",
59473
+ "figmaName": "Alias / Background / Color / GreyLight"
59474
+ },
59475
+ {
59476
+ "cssVar": "--ds-toast-primary-color-background-base",
59477
+ "figmaName": "Component / Toast / Primary / Color / Background / Base"
59517
59478
  }
59518
59479
  ],
59519
59480
  "path": [
@@ -59521,35 +59482,31 @@
59521
59482
  "Toast",
59522
59483
  "Primary",
59523
59484
  "Color",
59524
- "ProgressBg",
59485
+ "Background",
59525
59486
  "Base"
59526
59487
  ]
59527
59488
  },
59528
59489
  {
59529
- "name": "🧩 Component / Toast / Success / Color / Bg / Base",
59530
- "cssVarName": "--ds-toast-success-color-bg-base",
59531
- "value": "{🔗 Alias.🎨 Background.Color.SuccessLight}",
59532
- "nativeValue": "#A1CFB3",
59490
+ "name": "🧩 Component / Toast / Primary / Color / ProgressBackground / Base",
59491
+ "cssVarName": "--ds-toast-primary-color-progressbackground-base",
59492
+ "value": "{🌐 Global.🌈 Color.Primary.2}",
59493
+ "nativeValue": "#B3B6D4",
59533
59494
  "inheritance": [
59534
59495
  {
59535
- "cssVar": "--ds-color-success-2",
59536
- "figmaName": "Global / Color / Success / 2"
59537
- },
59538
- {
59539
- "cssVar": "--ds-background-color-successlight",
59540
- "figmaName": "Alias / Background / Color / SuccessLight"
59496
+ "cssVar": "--ds-color-primary-2",
59497
+ "figmaName": "Global / Color / Primary / 2"
59541
59498
  },
59542
59499
  {
59543
- "cssVar": "--ds-toast-success-color-bg-base",
59544
- "figmaName": "Component / Toast / Success / Color / Bg / Base"
59500
+ "cssVar": "--ds-toast-primary-color-progressbackground-base",
59501
+ "figmaName": "Component / Toast / Primary / Color / ProgressBackground / Base"
59545
59502
  }
59546
59503
  ],
59547
59504
  "path": [
59548
59505
  "🧩 Component",
59549
59506
  "Toast",
59550
- "Success",
59507
+ "Primary",
59551
59508
  "Color",
59552
- "Bg",
59509
+ "ProgressBackground",
59553
59510
  "Base"
59554
59511
  ]
59555
59512
  },
@@ -59634,18 +59591,22 @@
59634
59591
  ]
59635
59592
  },
59636
59593
  {
59637
- "name": "🧩 Component / Toast / Success / Color / ProgressBg / Base",
59638
- "cssVarName": "--ds-toast-success-color-progressbg-base",
59639
- "value": "{🌐 Global.🌈 Color.Success.3}",
59640
- "nativeValue": "#5BAB7A",
59594
+ "name": "🧩 Component / Toast / Success / Color / Background / Base",
59595
+ "cssVarName": "--ds-toast-success-color-background-base",
59596
+ "value": "{🔗 Alias.🎨 Background.Color.SuccessLight}",
59597
+ "nativeValue": "#A1CFB3",
59641
59598
  "inheritance": [
59642
59599
  {
59643
- "cssVar": "--ds-color-success-3",
59644
- "figmaName": "Global / Color / Success / 3"
59600
+ "cssVar": "--ds-color-success-2",
59601
+ "figmaName": "Global / Color / Success / 2"
59645
59602
  },
59646
59603
  {
59647
- "cssVar": "--ds-toast-success-color-progressbg-base",
59648
- "figmaName": "Component / Toast / Success / Color / ProgressBg / Base"
59604
+ "cssVar": "--ds-background-color-successlight",
59605
+ "figmaName": "Alias / Background / Color / SuccessLight"
59606
+ },
59607
+ {
59608
+ "cssVar": "--ds-toast-success-color-background-base",
59609
+ "figmaName": "Component / Toast / Success / Color / Background / Base"
59649
59610
  }
59650
59611
  ],
59651
59612
  "path": [
@@ -59653,35 +59614,31 @@
59653
59614
  "Toast",
59654
59615
  "Success",
59655
59616
  "Color",
59656
- "ProgressBg",
59617
+ "Background",
59657
59618
  "Base"
59658
59619
  ]
59659
59620
  },
59660
59621
  {
59661
- "name": "🧩 Component / Toast / Info / Color / Bg / Base",
59662
- "cssVarName": "--ds-toast-info-color-bg-base",
59663
- "value": "{🔗 Alias.🎨 Background.Color.InfoLight}",
59664
- "nativeValue": "#A4C9ED",
59622
+ "name": "🧩 Component / Toast / Success / Color / ProgressBackground / Base",
59623
+ "cssVarName": "--ds-toast-success-color-progressbackground-base",
59624
+ "value": "{🌐 Global.🌈 Color.Success.3}",
59625
+ "nativeValue": "#5BAB7A",
59665
59626
  "inheritance": [
59666
59627
  {
59667
- "cssVar": "--ds-color-info-2",
59668
- "figmaName": "Global / Color / Info / 2"
59669
- },
59670
- {
59671
- "cssVar": "--ds-background-color-infolight",
59672
- "figmaName": "Alias / Background / Color / InfoLight"
59628
+ "cssVar": "--ds-color-success-3",
59629
+ "figmaName": "Global / Color / Success / 3"
59673
59630
  },
59674
59631
  {
59675
- "cssVar": "--ds-toast-info-color-bg-base",
59676
- "figmaName": "Component / Toast / Info / Color / Bg / Base"
59632
+ "cssVar": "--ds-toast-success-color-progressbackground-base",
59633
+ "figmaName": "Component / Toast / Success / Color / ProgressBackground / Base"
59677
59634
  }
59678
59635
  ],
59679
59636
  "path": [
59680
59637
  "🧩 Component",
59681
59638
  "Toast",
59682
- "Info",
59639
+ "Success",
59683
59640
  "Color",
59684
- "Bg",
59641
+ "ProgressBackground",
59685
59642
  "Base"
59686
59643
  ]
59687
59644
  },
@@ -59766,18 +59723,22 @@
59766
59723
  ]
59767
59724
  },
59768
59725
  {
59769
- "name": "🧩 Component / Toast / Info / Color / ProgressBg / Base",
59770
- "cssVarName": "--ds-toast-info-color-progressbg-base",
59771
- "value": "{🌐 Global.🌈 Color.Info.3}",
59772
- "nativeValue": "#60A0E0",
59726
+ "name": "🧩 Component / Toast / Info / Color / Background / Base",
59727
+ "cssVarName": "--ds-toast-info-color-background-base",
59728
+ "value": "{🔗 Alias.🎨 Background.Color.InfoLight}",
59729
+ "nativeValue": "#A4C9ED",
59773
59730
  "inheritance": [
59774
59731
  {
59775
- "cssVar": "--ds-color-info-3",
59776
- "figmaName": "Global / Color / Info / 3"
59732
+ "cssVar": "--ds-color-info-2",
59733
+ "figmaName": "Global / Color / Info / 2"
59777
59734
  },
59778
59735
  {
59779
- "cssVar": "--ds-toast-info-color-progressbg-base",
59780
- "figmaName": "Component / Toast / Info / Color / ProgressBg / Base"
59736
+ "cssVar": "--ds-background-color-infolight",
59737
+ "figmaName": "Alias / Background / Color / InfoLight"
59738
+ },
59739
+ {
59740
+ "cssVar": "--ds-toast-info-color-background-base",
59741
+ "figmaName": "Component / Toast / Info / Color / Background / Base"
59781
59742
  }
59782
59743
  ],
59783
59744
  "path": [
@@ -59785,35 +59746,31 @@
59785
59746
  "Toast",
59786
59747
  "Info",
59787
59748
  "Color",
59788
- "ProgressBg",
59749
+ "Background",
59789
59750
  "Base"
59790
59751
  ]
59791
59752
  },
59792
59753
  {
59793
- "name": "🧩 Component / Toast / Warning / Color / Bg / Base",
59794
- "cssVarName": "--ds-toast-warning-color-bg-base",
59795
- "value": "{🔗 Alias.🎨 Background.Color.WarningLight}",
59796
- "nativeValue": "#FFE5A3",
59754
+ "name": "🧩 Component / Toast / Info / Color / ProgressBackground / Base",
59755
+ "cssVarName": "--ds-toast-info-color-progressbackground-base",
59756
+ "value": "{🌐 Global.🌈 Color.Info.3}",
59757
+ "nativeValue": "#60A0E0",
59797
59758
  "inheritance": [
59798
59759
  {
59799
- "cssVar": "--ds-color-warning-2",
59800
- "figmaName": "Global / Color / Warning / 2"
59801
- },
59802
- {
59803
- "cssVar": "--ds-background-color-warninglight",
59804
- "figmaName": "Alias / Background / Color / WarningLight"
59760
+ "cssVar": "--ds-color-info-3",
59761
+ "figmaName": "Global / Color / Info / 3"
59805
59762
  },
59806
59763
  {
59807
- "cssVar": "--ds-toast-warning-color-bg-base",
59808
- "figmaName": "Component / Toast / Warning / Color / Bg / Base"
59764
+ "cssVar": "--ds-toast-info-color-progressbackground-base",
59765
+ "figmaName": "Component / Toast / Info / Color / ProgressBackground / Base"
59809
59766
  }
59810
59767
  ],
59811
59768
  "path": [
59812
59769
  "🧩 Component",
59813
59770
  "Toast",
59814
- "Warning",
59771
+ "Info",
59815
59772
  "Color",
59816
- "Bg",
59773
+ "ProgressBackground",
59817
59774
  "Base"
59818
59775
  ]
59819
59776
  },
@@ -59898,18 +59855,22 @@
59898
59855
  ]
59899
59856
  },
59900
59857
  {
59901
- "name": "🧩 Component / Toast / Warning / Color / ProgressBg / Base",
59902
- "cssVarName": "--ds-toast-warning-color-progressbg-base",
59903
- "value": "{🌐 Global.🌈 Color.Warning.3}",
59904
- "nativeValue": "#FFD25E",
59858
+ "name": "🧩 Component / Toast / Warning / Color / Background / Base",
59859
+ "cssVarName": "--ds-toast-warning-color-background-base",
59860
+ "value": "{🔗 Alias.🎨 Background.Color.WarningLight}",
59861
+ "nativeValue": "#FFE5A3",
59905
59862
  "inheritance": [
59906
59863
  {
59907
- "cssVar": "--ds-color-warning-3",
59908
- "figmaName": "Global / Color / Warning / 3"
59864
+ "cssVar": "--ds-color-warning-2",
59865
+ "figmaName": "Global / Color / Warning / 2"
59909
59866
  },
59910
59867
  {
59911
- "cssVar": "--ds-toast-warning-color-progressbg-base",
59912
- "figmaName": "Component / Toast / Warning / Color / ProgressBg / Base"
59868
+ "cssVar": "--ds-background-color-warninglight",
59869
+ "figmaName": "Alias / Background / Color / WarningLight"
59870
+ },
59871
+ {
59872
+ "cssVar": "--ds-toast-warning-color-background-base",
59873
+ "figmaName": "Component / Toast / Warning / Color / Background / Base"
59913
59874
  }
59914
59875
  ],
59915
59876
  "path": [
@@ -59917,35 +59878,31 @@
59917
59878
  "Toast",
59918
59879
  "Warning",
59919
59880
  "Color",
59920
- "ProgressBg",
59881
+ "Background",
59921
59882
  "Base"
59922
59883
  ]
59923
59884
  },
59924
59885
  {
59925
- "name": "🧩 Component / Toast / Danger / Color / Bg / Base",
59926
- "cssVarName": "--ds-toast-danger-color-bg-base",
59927
- "value": "{🔗 Alias.🎨 Background.Color.DangerLight}",
59928
- "nativeValue": "#F7A299",
59886
+ "name": "🧩 Component / Toast / Warning / Color / ProgressBackground / Base",
59887
+ "cssVarName": "--ds-toast-warning-color-progressbackground-base",
59888
+ "value": "{🌐 Global.🌈 Color.Warning.3}",
59889
+ "nativeValue": "#FFD25E",
59929
59890
  "inheritance": [
59930
59891
  {
59931
- "cssVar": "--ds-color-danger-2",
59932
- "figmaName": "Global / Color / Danger / 2"
59933
- },
59934
- {
59935
- "cssVar": "--ds-background-color-dangerlight",
59936
- "figmaName": "Alias / Background / Color / DangerLight"
59892
+ "cssVar": "--ds-color-warning-3",
59893
+ "figmaName": "Global / Color / Warning / 3"
59937
59894
  },
59938
59895
  {
59939
- "cssVar": "--ds-toast-danger-color-bg-base",
59940
- "figmaName": "Component / Toast / Danger / Color / Bg / Base"
59896
+ "cssVar": "--ds-toast-warning-color-progressbackground-base",
59897
+ "figmaName": "Component / Toast / Warning / Color / ProgressBackground / Base"
59941
59898
  }
59942
59899
  ],
59943
59900
  "path": [
59944
59901
  "🧩 Component",
59945
59902
  "Toast",
59946
- "Danger",
59903
+ "Warning",
59947
59904
  "Color",
59948
- "Bg",
59905
+ "ProgressBackground",
59949
59906
  "Base"
59950
59907
  ]
59951
59908
  },
@@ -60030,8 +59987,36 @@
60030
59987
  ]
60031
59988
  },
60032
59989
  {
60033
- "name": "🧩 Component / Toast / Danger / Color / ProgressBg / Base",
60034
- "cssVarName": "--ds-toast-danger-color-progressbg-base",
59990
+ "name": "🧩 Component / Toast / Danger / Color / Background / Base",
59991
+ "cssVarName": "--ds-toast-danger-color-background-base",
59992
+ "value": "{🔗 Alias.🎨 Background.Color.DangerLight}",
59993
+ "nativeValue": "#F7A299",
59994
+ "inheritance": [
59995
+ {
59996
+ "cssVar": "--ds-color-danger-2",
59997
+ "figmaName": "Global / Color / Danger / 2"
59998
+ },
59999
+ {
60000
+ "cssVar": "--ds-background-color-dangerlight",
60001
+ "figmaName": "Alias / Background / Color / DangerLight"
60002
+ },
60003
+ {
60004
+ "cssVar": "--ds-toast-danger-color-background-base",
60005
+ "figmaName": "Component / Toast / Danger / Color / Background / Base"
60006
+ }
60007
+ ],
60008
+ "path": [
60009
+ "🧩 Component",
60010
+ "Toast",
60011
+ "Danger",
60012
+ "Color",
60013
+ "Background",
60014
+ "Base"
60015
+ ]
60016
+ },
60017
+ {
60018
+ "name": "🧩 Component / Toast / Danger / Color / ProgressBackground / Base",
60019
+ "cssVarName": "--ds-toast-danger-color-progressbackground-base",
60035
60020
  "value": "{🌐 Global.🌈 Color.Danger.3}",
60036
60021
  "nativeValue": "#F05D4D",
60037
60022
  "inheritance": [
@@ -60040,8 +60025,8 @@
60040
60025
  "figmaName": "Global / Color / Danger / 3"
60041
60026
  },
60042
60027
  {
60043
- "cssVar": "--ds-toast-danger-color-progressbg-base",
60044
- "figmaName": "Component / Toast / Danger / Color / ProgressBg / Base"
60028
+ "cssVar": "--ds-toast-danger-color-progressbackground-base",
60029
+ "figmaName": "Component / Toast / Danger / Color / ProgressBackground / Base"
60045
60030
  }
60046
60031
  ],
60047
60032
  "path": [
@@ -60049,7 +60034,7 @@
60049
60034
  "Toast",
60050
60035
  "Danger",
60051
60036
  "Color",
60052
- "ProgressBg",
60037
+ "ProgressBackground",
60053
60038
  "Base"
60054
60039
  ]
60055
60040
  }
@@ -64075,7 +64060,7 @@
64075
64060
  "path": "src/global/index.ts"
64076
64061
  },
64077
64062
  "src/components/alert/alert-container.interfaces.tsx::AlertContainerSize": {
64078
- "declaration": "\"\" | \"fluid\" | \"compact\" | \"detail-page\" | \"blog-page\" | \"wide\"",
64063
+ "declaration": "\"fluid\" | \"compact\" | \"detail-page\" | \"blog-page\" | \"wide\"",
64079
64064
  "docstring": "",
64080
64065
  "path": "src/components/alert/alert-container.interfaces.tsx"
64081
64066
  },
@@ -64640,12 +64625,12 @@
64640
64625
  "path": "src/components/navbar/navbar.interfaces.ts"
64641
64626
  },
64642
64627
  "src/components/notification/notification.interfaces.ts::NotificationColor": {
64643
- "declaration": "\"\" | \"success\" | \"warning\" | \"danger\" | \"base\" | \"info\" | \"outline-base\" | \"outline-purple\" | \"outline-green\" | \"outline-yellow\" | \"outline-red\"",
64628
+ "declaration": "\"success\" | \"warning\" | \"danger\" | \"base\" | \"info\" | \"outline-base\" | \"outline-purple\" | \"outline-green\" | \"outline-yellow\" | \"outline-red\"",
64644
64629
  "docstring": "",
64645
64630
  "path": "src/components/notification/notification.interfaces.ts"
64646
64631
  },
64647
64632
  "src/components/notification/notification.interfaces.ts::NotificationSize": {
64648
- "declaration": "\"\" | \"sm\" | \"lg\" | \"small\" | \"medium\" | \"large\" | \"md\"",
64633
+ "declaration": "\"sm\" | \"lg\" | \"small\" | \"medium\" | \"large\" | \"md\"",
64649
64634
  "docstring": "",
64650
64635
  "path": "src/components/notification/notification.interfaces.ts"
64651
64636
  },