@cloudscape-design/components-themeable 3.0.936 → 3.0.937

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 (96) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/code-editor/resizable-box/styles.scss +7 -15
  3. package/lib/internal/scss/internal/components/drag-handle-wrapper/motion.scss +190 -0
  4. package/lib/internal/scss/internal/components/drag-handle-wrapper/styles.scss +110 -0
  5. package/lib/internal/template/code-editor/index.d.ts.map +1 -1
  6. package/lib/internal/template/code-editor/index.js +2 -2
  7. package/lib/internal/template/code-editor/index.js.map +1 -1
  8. package/lib/internal/template/code-editor/interfaces.d.ts +2 -0
  9. package/lib/internal/template/code-editor/interfaces.d.ts.map +1 -1
  10. package/lib/internal/template/code-editor/interfaces.js.map +1 -1
  11. package/lib/internal/template/code-editor/pane.d.ts +3 -1
  12. package/lib/internal/template/code-editor/pane.d.ts.map +1 -1
  13. package/lib/internal/template/code-editor/pane.js +2 -2
  14. package/lib/internal/template/code-editor/pane.js.map +1 -1
  15. package/lib/internal/template/code-editor/resizable-box/index.d.ts +3 -1
  16. package/lib/internal/template/code-editor/resizable-box/index.d.ts.map +1 -1
  17. package/lib/internal/template/code-editor/resizable-box/index.js +40 -8
  18. package/lib/internal/template/code-editor/resizable-box/index.js.map +1 -1
  19. package/lib/internal/template/code-editor/resizable-box/styles.css.js +4 -3
  20. package/lib/internal/template/code-editor/resizable-box/styles.scoped.css +16 -37
  21. package/lib/internal/template/code-editor/resizable-box/styles.selectors.js +4 -3
  22. package/lib/internal/template/i18n/messages/all.all.js +1 -1
  23. package/lib/internal/template/i18n/messages/all.all.json +1 -1
  24. package/lib/internal/template/i18n/messages/all.ar.js +1 -1
  25. package/lib/internal/template/i18n/messages/all.ar.json +1 -1
  26. package/lib/internal/template/i18n/messages/all.de.js +1 -1
  27. package/lib/internal/template/i18n/messages/all.de.json +1 -1
  28. package/lib/internal/template/i18n/messages/all.en-GB.js +1 -1
  29. package/lib/internal/template/i18n/messages/all.en-GB.json +1 -1
  30. package/lib/internal/template/i18n/messages/all.en.js +1 -1
  31. package/lib/internal/template/i18n/messages/all.en.json +1 -1
  32. package/lib/internal/template/i18n/messages/all.es.js +1 -1
  33. package/lib/internal/template/i18n/messages/all.es.json +1 -1
  34. package/lib/internal/template/i18n/messages/all.fr.js +1 -1
  35. package/lib/internal/template/i18n/messages/all.fr.json +1 -1
  36. package/lib/internal/template/i18n/messages/all.id.js +1 -1
  37. package/lib/internal/template/i18n/messages/all.id.json +1 -1
  38. package/lib/internal/template/i18n/messages/all.it.js +1 -1
  39. package/lib/internal/template/i18n/messages/all.it.json +1 -1
  40. package/lib/internal/template/i18n/messages/all.ja.js +1 -1
  41. package/lib/internal/template/i18n/messages/all.ja.json +1 -1
  42. package/lib/internal/template/i18n/messages/all.ko.js +1 -1
  43. package/lib/internal/template/i18n/messages/all.ko.json +1 -1
  44. package/lib/internal/template/i18n/messages/all.pt-BR.js +1 -1
  45. package/lib/internal/template/i18n/messages/all.pt-BR.json +1 -1
  46. package/lib/internal/template/i18n/messages/all.tr.js +1 -1
  47. package/lib/internal/template/i18n/messages/all.tr.json +1 -1
  48. package/lib/internal/template/i18n/messages/all.zh-CN.js +1 -1
  49. package/lib/internal/template/i18n/messages/all.zh-CN.json +1 -1
  50. package/lib/internal/template/i18n/messages/all.zh-TW.js +1 -1
  51. package/lib/internal/template/i18n/messages/all.zh-TW.json +1 -1
  52. package/lib/internal/template/i18n/messages-types.d.ts +2 -0
  53. package/lib/internal/template/i18n/messages-types.d.ts.map +1 -1
  54. package/lib/internal/template/i18n/messages-types.js.map +1 -1
  55. package/lib/internal/template/internal/base-component/styles.scoped.css +29 -0
  56. package/lib/internal/template/internal/components/drag-handle/button.d.ts +5 -0
  57. package/lib/internal/template/internal/components/drag-handle/button.d.ts.map +1 -0
  58. package/lib/internal/template/internal/components/drag-handle/button.js +35 -0
  59. package/lib/internal/template/internal/components/drag-handle/button.js.map +1 -0
  60. package/lib/internal/template/internal/components/drag-handle/index.d.ts.map +1 -1
  61. package/lib/internal/template/internal/components/drag-handle/index.js +6 -30
  62. package/lib/internal/template/internal/components/drag-handle/index.js.map +1 -1
  63. package/lib/internal/template/internal/components/drag-handle/interfaces.d.ts +7 -1
  64. package/lib/internal/template/internal/components/drag-handle/interfaces.d.ts.map +1 -1
  65. package/lib/internal/template/internal/components/drag-handle/interfaces.js.map +1 -1
  66. package/lib/internal/template/internal/components/drag-handle-wrapper/direction-button.d.ts +11 -0
  67. package/lib/internal/template/internal/components/drag-handle-wrapper/direction-button.d.ts.map +1 -0
  68. package/lib/internal/template/internal/components/drag-handle-wrapper/direction-button.js +30 -0
  69. package/lib/internal/template/internal/components/drag-handle-wrapper/direction-button.js.map +1 -0
  70. package/lib/internal/template/internal/components/drag-handle-wrapper/index.d.ts +4 -0
  71. package/lib/internal/template/internal/components/drag-handle-wrapper/index.d.ts.map +1 -0
  72. package/lib/internal/template/internal/components/drag-handle-wrapper/index.js +138 -0
  73. package/lib/internal/template/internal/components/drag-handle-wrapper/index.js.map +1 -0
  74. package/lib/internal/template/internal/components/drag-handle-wrapper/interfaces.d.ts +10 -0
  75. package/lib/internal/template/internal/components/drag-handle-wrapper/interfaces.d.ts.map +1 -0
  76. package/lib/internal/template/internal/components/drag-handle-wrapper/interfaces.js +4 -0
  77. package/lib/internal/template/internal/components/drag-handle-wrapper/interfaces.js.map +1 -0
  78. package/lib/internal/template/internal/components/drag-handle-wrapper/portal-overlay.d.ts +6 -0
  79. package/lib/internal/template/internal/components/drag-handle-wrapper/portal-overlay.d.ts.map +1 -0
  80. package/lib/internal/template/internal/components/drag-handle-wrapper/portal-overlay.js +56 -0
  81. package/lib/internal/template/internal/components/drag-handle-wrapper/portal-overlay.js.map +1 -0
  82. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js +32 -0
  83. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css +508 -0
  84. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js +33 -0
  85. package/lib/internal/template/internal/environment.js +1 -1
  86. package/lib/internal/template/internal/environment.json +1 -1
  87. package/lib/internal/template/internal/generated/styles/tokens.d.ts +6 -0
  88. package/lib/internal/template/internal/generated/styles/tokens.js +6 -0
  89. package/lib/internal/template/internal/generated/theming/index.cjs +186 -0
  90. package/lib/internal/template/internal/generated/theming/index.js +186 -0
  91. package/lib/internal/template/internal/utils/pointer-events-mock.d.ts +5 -0
  92. package/lib/internal/template/internal/utils/pointer-events-mock.d.ts.map +1 -0
  93. package/lib/internal/template/internal/utils/pointer-events-mock.js +10 -0
  94. package/lib/internal/template/internal/utils/pointer-events-mock.js.map +1 -0
  95. package/package.json +1 -1
  96. package/lib/internal/scss/code-editor/assets/resize-handler.svg +0 -3
@@ -243,6 +243,12 @@ export const colorBackgroundButtonPrimaryActive: string;
243
243
  export const colorBackgroundButtonPrimaryDefault: string;
244
244
  export const colorBackgroundButtonPrimaryDisabled: string;
245
245
  export const colorBackgroundButtonPrimaryHover: string;
246
+ export const colorBackgroundDirectionButtonActive: string;
247
+ export const colorBackgroundDirectionButtonDefault: string;
248
+ export const colorBackgroundDirectionButtonDisabled: string;
249
+ export const colorBackgroundDirectionButtonHover: string;
250
+ export const colorTextDirectionButtonDefault: string;
251
+ export const colorTextDirectionButtonDisabled: string;
246
252
  export const colorBackgroundCalendarCurrentDate: string;
247
253
  export const colorBackgroundCellShaded: string;
248
254
  export const colorBackgroundCodeEditorGutterActiveLineDefault: string;
@@ -243,6 +243,12 @@ export var colorBackgroundButtonPrimaryActive = "var(--color-background-button-p
243
243
  export var colorBackgroundButtonPrimaryDefault = "var(--color-background-button-primary-default-15m72j, #006ce0)";
244
244
  export var colorBackgroundButtonPrimaryDisabled = "var(--color-background-button-primary-disabled-l4i17m, #ebebf0)";
245
245
  export var colorBackgroundButtonPrimaryHover = "var(--color-background-button-primary-hover-0qidjj, #002b66)";
246
+ export var colorBackgroundDirectionButtonActive = "var(--color-background-direction-button-active-hvd0pc, #232b37)";
247
+ export var colorBackgroundDirectionButtonDefault = "var(--color-background-direction-button-default-0p1y3c, #424650)";
248
+ export var colorBackgroundDirectionButtonDisabled = "var(--color-background-direction-button-disabled-54epp1, #ebebf0)";
249
+ export var colorBackgroundDirectionButtonHover = "var(--color-background-direction-button-hover-pwck9a, #333843)";
250
+ export var colorTextDirectionButtonDefault = "var(--color-text-direction-button-default-554zrt, #ffffff)";
251
+ export var colorTextDirectionButtonDisabled = "var(--color-text-direction-button-disabled-ok08o0, #b4b4bb)";
246
252
  export var colorBackgroundCalendarCurrentDate = "var(--color-background-calendar-current-date-a6ucrp, #f3f3f7)";
247
253
  export var colorBackgroundCellShaded = "var(--color-background-cell-shaded-sc089k, #f6f6f9)";
248
254
  export var colorBackgroundCodeEditorGutterActiveLineDefault = "var(--color-background-code-editor-gutter-active-line-default-v8is2q, #656871)";
@@ -857,6 +857,30 @@ module.exports.preset = {
857
857
  "light": "{colorBorderButtonNormalHover}",
858
858
  "dark": "{colorBorderButtonNormalHover}"
859
859
  },
860
+ "colorBackgroundDirectionButtonActive": {
861
+ "light": "{colorGrey700}",
862
+ "dark": "{colorGrey700}"
863
+ },
864
+ "colorBackgroundDirectionButtonDefault": {
865
+ "light": "{colorGrey600}",
866
+ "dark": "{colorGrey600}"
867
+ },
868
+ "colorBackgroundDirectionButtonDisabled": {
869
+ "light": "{colorGrey200}",
870
+ "dark": "{colorGrey700}"
871
+ },
872
+ "colorBackgroundDirectionButtonHover": {
873
+ "light": "{colorGrey650}",
874
+ "dark": "{colorGrey650}"
875
+ },
876
+ "colorTextDirectionButtonDefault": {
877
+ "light": "{colorWhite}",
878
+ "dark": "{colorWhite}"
879
+ },
880
+ "colorTextDirectionButtonDisabled": {
881
+ "light": "{colorTextInteractiveDisabled}",
882
+ "dark": "{colorTextInteractiveDisabled}"
883
+ },
860
884
  "colorBackgroundCalendarCurrentDate": {
861
885
  "light": "{colorGrey150}",
862
886
  "dark": "{colorGrey650}"
@@ -3070,6 +3094,30 @@ module.exports.preset = {
3070
3094
  "light": "{colorBorderButtonNormalHover}",
3071
3095
  "dark": "{colorBorderButtonNormalHover}"
3072
3096
  },
3097
+ "colorBackgroundDirectionButtonActive": {
3098
+ "light": "{colorGrey700}",
3099
+ "dark": "{colorGrey700}"
3100
+ },
3101
+ "colorBackgroundDirectionButtonDefault": {
3102
+ "light": "{colorGrey600}",
3103
+ "dark": "{colorGrey600}"
3104
+ },
3105
+ "colorBackgroundDirectionButtonDisabled": {
3106
+ "light": "{colorGrey700}",
3107
+ "dark": "{colorGrey700}"
3108
+ },
3109
+ "colorBackgroundDirectionButtonHover": {
3110
+ "light": "{colorGrey650}",
3111
+ "dark": "{colorGrey650}"
3112
+ },
3113
+ "colorTextDirectionButtonDefault": {
3114
+ "light": "{colorWhite}",
3115
+ "dark": "{colorWhite}"
3116
+ },
3117
+ "colorTextDirectionButtonDisabled": {
3118
+ "light": "{colorTextInteractiveDisabled}",
3119
+ "dark": "{colorTextInteractiveDisabled}"
3120
+ },
3073
3121
  "colorBackgroundCalendarCurrentDate": {
3074
3122
  "light": "{colorGrey650}",
3075
3123
  "dark": "{colorGrey650}"
@@ -4192,6 +4240,30 @@ module.exports.preset = {
4192
4240
  "light": "{colorBorderButtonNormalHover}",
4193
4241
  "dark": "{colorBorderButtonNormalHover}"
4194
4242
  },
4243
+ "colorBackgroundDirectionButtonActive": {
4244
+ "light": "{colorGrey700}",
4245
+ "dark": "{colorGrey700}"
4246
+ },
4247
+ "colorBackgroundDirectionButtonDefault": {
4248
+ "light": "{colorGrey600}",
4249
+ "dark": "{colorGrey600}"
4250
+ },
4251
+ "colorBackgroundDirectionButtonDisabled": {
4252
+ "light": "{colorGrey700}",
4253
+ "dark": "{colorGrey700}"
4254
+ },
4255
+ "colorBackgroundDirectionButtonHover": {
4256
+ "light": "{colorGrey650}",
4257
+ "dark": "{colorGrey650}"
4258
+ },
4259
+ "colorTextDirectionButtonDefault": {
4260
+ "light": "{colorWhite}",
4261
+ "dark": "{colorWhite}"
4262
+ },
4263
+ "colorTextDirectionButtonDisabled": {
4264
+ "light": "{colorTextInteractiveDisabled}",
4265
+ "dark": "{colorTextInteractiveDisabled}"
4266
+ },
4195
4267
  "colorBackgroundCalendarCurrentDate": {
4196
4268
  "light": "{colorGrey650}",
4197
4269
  "dark": "{colorGrey650}"
@@ -5246,6 +5318,30 @@ module.exports.preset = {
5246
5318
  "light": "{colorBorderButtonNormalHover}",
5247
5319
  "dark": "{colorBorderButtonNormalHover}"
5248
5320
  },
5321
+ "colorBackgroundDirectionButtonActive": {
5322
+ "light": "{colorGrey700}",
5323
+ "dark": "{colorGrey700}"
5324
+ },
5325
+ "colorBackgroundDirectionButtonDefault": {
5326
+ "light": "{colorGrey600}",
5327
+ "dark": "{colorGrey600}"
5328
+ },
5329
+ "colorBackgroundDirectionButtonDisabled": {
5330
+ "light": "{colorGrey200}",
5331
+ "dark": "{colorGrey700}"
5332
+ },
5333
+ "colorBackgroundDirectionButtonHover": {
5334
+ "light": "{colorGrey650}",
5335
+ "dark": "{colorGrey650}"
5336
+ },
5337
+ "colorTextDirectionButtonDefault": {
5338
+ "light": "{colorWhite}",
5339
+ "dark": "{colorWhite}"
5340
+ },
5341
+ "colorTextDirectionButtonDisabled": {
5342
+ "light": "{colorTextInteractiveDisabled}",
5343
+ "dark": "{colorTextInteractiveDisabled}"
5344
+ },
5249
5345
  "colorBackgroundCalendarCurrentDate": {
5250
5346
  "light": "{colorGrey150}",
5251
5347
  "dark": "{colorGrey650}"
@@ -6300,6 +6396,30 @@ module.exports.preset = {
6300
6396
  "light": "{colorBorderButtonNormalHover}",
6301
6397
  "dark": "{colorBorderButtonNormalHover}"
6302
6398
  },
6399
+ "colorBackgroundDirectionButtonActive": {
6400
+ "light": "{colorGrey700}",
6401
+ "dark": "{colorGrey700}"
6402
+ },
6403
+ "colorBackgroundDirectionButtonDefault": {
6404
+ "light": "{colorGrey600}",
6405
+ "dark": "{colorGrey600}"
6406
+ },
6407
+ "colorBackgroundDirectionButtonDisabled": {
6408
+ "light": "{colorGrey200}",
6409
+ "dark": "{colorGrey700}"
6410
+ },
6411
+ "colorBackgroundDirectionButtonHover": {
6412
+ "light": "{colorGrey650}",
6413
+ "dark": "{colorGrey650}"
6414
+ },
6415
+ "colorTextDirectionButtonDefault": {
6416
+ "light": "{colorWhite}",
6417
+ "dark": "{colorWhite}"
6418
+ },
6419
+ "colorTextDirectionButtonDisabled": {
6420
+ "light": "{colorTextInteractiveDisabled}",
6421
+ "dark": "{colorTextInteractiveDisabled}"
6422
+ },
6303
6423
  "colorBackgroundCalendarCurrentDate": {
6304
6424
  "light": "{colorGrey150}",
6305
6425
  "dark": "{colorGrey650}"
@@ -7354,6 +7474,30 @@ module.exports.preset = {
7354
7474
  "light": "{colorBorderButtonNormalHover}",
7355
7475
  "dark": "{colorBorderButtonNormalHover}"
7356
7476
  },
7477
+ "colorBackgroundDirectionButtonActive": {
7478
+ "light": "{colorGrey700}",
7479
+ "dark": "{colorGrey700}"
7480
+ },
7481
+ "colorBackgroundDirectionButtonDefault": {
7482
+ "light": "{colorGrey600}",
7483
+ "dark": "{colorGrey600}"
7484
+ },
7485
+ "colorBackgroundDirectionButtonDisabled": {
7486
+ "light": "{colorGrey200}",
7487
+ "dark": "{colorGrey700}"
7488
+ },
7489
+ "colorBackgroundDirectionButtonHover": {
7490
+ "light": "{colorGrey650}",
7491
+ "dark": "{colorGrey650}"
7492
+ },
7493
+ "colorTextDirectionButtonDefault": {
7494
+ "light": "{colorWhite}",
7495
+ "dark": "{colorWhite}"
7496
+ },
7497
+ "colorTextDirectionButtonDisabled": {
7498
+ "light": "{colorTextInteractiveDisabled}",
7499
+ "dark": "{colorTextInteractiveDisabled}"
7500
+ },
7357
7501
  "colorBackgroundCalendarCurrentDate": {
7358
7502
  "light": "{colorGrey150}",
7359
7503
  "dark": "{colorGrey650}"
@@ -8410,6 +8554,30 @@ module.exports.preset = {
8410
8554
  "light": "{colorBorderButtonNormalHover}",
8411
8555
  "dark": "{colorBorderButtonNormalHover}"
8412
8556
  },
8557
+ "colorBackgroundDirectionButtonActive": {
8558
+ "light": "{colorGrey700}",
8559
+ "dark": "{colorGrey700}"
8560
+ },
8561
+ "colorBackgroundDirectionButtonDefault": {
8562
+ "light": "{colorGrey600}",
8563
+ "dark": "{colorGrey600}"
8564
+ },
8565
+ "colorBackgroundDirectionButtonDisabled": {
8566
+ "light": "{colorGrey700}",
8567
+ "dark": "{colorGrey700}"
8568
+ },
8569
+ "colorBackgroundDirectionButtonHover": {
8570
+ "light": "{colorGrey650}",
8571
+ "dark": "{colorGrey650}"
8572
+ },
8573
+ "colorTextDirectionButtonDefault": {
8574
+ "light": "{colorWhite}",
8575
+ "dark": "{colorWhite}"
8576
+ },
8577
+ "colorTextDirectionButtonDisabled": {
8578
+ "light": "{colorTextInteractiveDisabled}",
8579
+ "dark": "{colorTextInteractiveDisabled}"
8580
+ },
8413
8581
  "colorBackgroundCalendarCurrentDate": {
8414
8582
  "light": "{colorGrey650}",
8415
8583
  "dark": "{colorGrey650}"
@@ -9565,6 +9733,12 @@ module.exports.preset = {
9565
9733
  "colorBackgroundButtonPrimaryDefault": "color",
9566
9734
  "colorBackgroundButtonPrimaryDisabled": "color",
9567
9735
  "colorBackgroundButtonPrimaryHover": "color",
9736
+ "colorBackgroundDirectionButtonActive": "color",
9737
+ "colorBackgroundDirectionButtonDefault": "color",
9738
+ "colorBackgroundDirectionButtonDisabled": "color",
9739
+ "colorBackgroundDirectionButtonHover": "color",
9740
+ "colorTextDirectionButtonDefault": "color",
9741
+ "colorTextDirectionButtonDisabled": "color",
9568
9742
  "colorBackgroundCalendarCurrentDate": "color",
9569
9743
  "colorBackgroundCellShaded": "color",
9570
9744
  "colorBackgroundCodeEditorGutterActiveLineDefault": "color",
@@ -10848,6 +11022,12 @@ module.exports.preset = {
10848
11022
  "colorBackgroundButtonPrimaryDefault": "color-background-button-primary-default",
10849
11023
  "colorBackgroundButtonPrimaryDisabled": "color-background-button-primary-disabled",
10850
11024
  "colorBackgroundButtonPrimaryHover": "color-background-button-primary-hover",
11025
+ "colorBackgroundDirectionButtonActive": "color-background-direction-button-active",
11026
+ "colorBackgroundDirectionButtonDefault": "color-background-direction-button-default",
11027
+ "colorBackgroundDirectionButtonDisabled": "color-background-direction-button-disabled",
11028
+ "colorBackgroundDirectionButtonHover": "color-background-direction-button-hover",
11029
+ "colorTextDirectionButtonDefault": "color-text-direction-button-default",
11030
+ "colorTextDirectionButtonDisabled": "color-text-direction-button-disabled",
10851
11031
  "colorBackgroundCalendarCurrentDate": "color-background-calendar-current-date",
10852
11032
  "colorBackgroundCellShaded": "color-background-cell-shaded",
10853
11033
  "colorBackgroundCodeEditorGutterActiveLineDefault": "color-background-code-editor-gutter-active-line-default",
@@ -11590,6 +11770,12 @@ module.exports.preset = {
11590
11770
  "colorBackgroundButtonPrimaryDefault": "--color-background-button-primary-default-15m72j",
11591
11771
  "colorBackgroundButtonPrimaryDisabled": "--color-background-button-primary-disabled-l4i17m",
11592
11772
  "colorBackgroundButtonPrimaryHover": "--color-background-button-primary-hover-0qidjj",
11773
+ "colorBackgroundDirectionButtonActive": "--color-background-direction-button-active-hvd0pc",
11774
+ "colorBackgroundDirectionButtonDefault": "--color-background-direction-button-default-0p1y3c",
11775
+ "colorBackgroundDirectionButtonDisabled": "--color-background-direction-button-disabled-54epp1",
11776
+ "colorBackgroundDirectionButtonHover": "--color-background-direction-button-hover-pwck9a",
11777
+ "colorTextDirectionButtonDefault": "--color-text-direction-button-default-554zrt",
11778
+ "colorTextDirectionButtonDisabled": "--color-text-direction-button-disabled-ok08o0",
11593
11779
  "colorBackgroundCalendarCurrentDate": "--color-background-calendar-current-date-a6ucrp",
11594
11780
  "colorBackgroundCellShaded": "--color-background-cell-shaded-sc089k",
11595
11781
  "colorBackgroundCodeEditorGutterActiveLineDefault": "--color-background-code-editor-gutter-active-line-default-v8is2q",
@@ -857,6 +857,30 @@ export var preset = {
857
857
  "light": "{colorBorderButtonNormalHover}",
858
858
  "dark": "{colorBorderButtonNormalHover}"
859
859
  },
860
+ "colorBackgroundDirectionButtonActive": {
861
+ "light": "{colorGrey700}",
862
+ "dark": "{colorGrey700}"
863
+ },
864
+ "colorBackgroundDirectionButtonDefault": {
865
+ "light": "{colorGrey600}",
866
+ "dark": "{colorGrey600}"
867
+ },
868
+ "colorBackgroundDirectionButtonDisabled": {
869
+ "light": "{colorGrey200}",
870
+ "dark": "{colorGrey700}"
871
+ },
872
+ "colorBackgroundDirectionButtonHover": {
873
+ "light": "{colorGrey650}",
874
+ "dark": "{colorGrey650}"
875
+ },
876
+ "colorTextDirectionButtonDefault": {
877
+ "light": "{colorWhite}",
878
+ "dark": "{colorWhite}"
879
+ },
880
+ "colorTextDirectionButtonDisabled": {
881
+ "light": "{colorTextInteractiveDisabled}",
882
+ "dark": "{colorTextInteractiveDisabled}"
883
+ },
860
884
  "colorBackgroundCalendarCurrentDate": {
861
885
  "light": "{colorGrey150}",
862
886
  "dark": "{colorGrey650}"
@@ -3070,6 +3094,30 @@ export var preset = {
3070
3094
  "light": "{colorBorderButtonNormalHover}",
3071
3095
  "dark": "{colorBorderButtonNormalHover}"
3072
3096
  },
3097
+ "colorBackgroundDirectionButtonActive": {
3098
+ "light": "{colorGrey700}",
3099
+ "dark": "{colorGrey700}"
3100
+ },
3101
+ "colorBackgroundDirectionButtonDefault": {
3102
+ "light": "{colorGrey600}",
3103
+ "dark": "{colorGrey600}"
3104
+ },
3105
+ "colorBackgroundDirectionButtonDisabled": {
3106
+ "light": "{colorGrey700}",
3107
+ "dark": "{colorGrey700}"
3108
+ },
3109
+ "colorBackgroundDirectionButtonHover": {
3110
+ "light": "{colorGrey650}",
3111
+ "dark": "{colorGrey650}"
3112
+ },
3113
+ "colorTextDirectionButtonDefault": {
3114
+ "light": "{colorWhite}",
3115
+ "dark": "{colorWhite}"
3116
+ },
3117
+ "colorTextDirectionButtonDisabled": {
3118
+ "light": "{colorTextInteractiveDisabled}",
3119
+ "dark": "{colorTextInteractiveDisabled}"
3120
+ },
3073
3121
  "colorBackgroundCalendarCurrentDate": {
3074
3122
  "light": "{colorGrey650}",
3075
3123
  "dark": "{colorGrey650}"
@@ -4192,6 +4240,30 @@ export var preset = {
4192
4240
  "light": "{colorBorderButtonNormalHover}",
4193
4241
  "dark": "{colorBorderButtonNormalHover}"
4194
4242
  },
4243
+ "colorBackgroundDirectionButtonActive": {
4244
+ "light": "{colorGrey700}",
4245
+ "dark": "{colorGrey700}"
4246
+ },
4247
+ "colorBackgroundDirectionButtonDefault": {
4248
+ "light": "{colorGrey600}",
4249
+ "dark": "{colorGrey600}"
4250
+ },
4251
+ "colorBackgroundDirectionButtonDisabled": {
4252
+ "light": "{colorGrey700}",
4253
+ "dark": "{colorGrey700}"
4254
+ },
4255
+ "colorBackgroundDirectionButtonHover": {
4256
+ "light": "{colorGrey650}",
4257
+ "dark": "{colorGrey650}"
4258
+ },
4259
+ "colorTextDirectionButtonDefault": {
4260
+ "light": "{colorWhite}",
4261
+ "dark": "{colorWhite}"
4262
+ },
4263
+ "colorTextDirectionButtonDisabled": {
4264
+ "light": "{colorTextInteractiveDisabled}",
4265
+ "dark": "{colorTextInteractiveDisabled}"
4266
+ },
4195
4267
  "colorBackgroundCalendarCurrentDate": {
4196
4268
  "light": "{colorGrey650}",
4197
4269
  "dark": "{colorGrey650}"
@@ -5246,6 +5318,30 @@ export var preset = {
5246
5318
  "light": "{colorBorderButtonNormalHover}",
5247
5319
  "dark": "{colorBorderButtonNormalHover}"
5248
5320
  },
5321
+ "colorBackgroundDirectionButtonActive": {
5322
+ "light": "{colorGrey700}",
5323
+ "dark": "{colorGrey700}"
5324
+ },
5325
+ "colorBackgroundDirectionButtonDefault": {
5326
+ "light": "{colorGrey600}",
5327
+ "dark": "{colorGrey600}"
5328
+ },
5329
+ "colorBackgroundDirectionButtonDisabled": {
5330
+ "light": "{colorGrey200}",
5331
+ "dark": "{colorGrey700}"
5332
+ },
5333
+ "colorBackgroundDirectionButtonHover": {
5334
+ "light": "{colorGrey650}",
5335
+ "dark": "{colorGrey650}"
5336
+ },
5337
+ "colorTextDirectionButtonDefault": {
5338
+ "light": "{colorWhite}",
5339
+ "dark": "{colorWhite}"
5340
+ },
5341
+ "colorTextDirectionButtonDisabled": {
5342
+ "light": "{colorTextInteractiveDisabled}",
5343
+ "dark": "{colorTextInteractiveDisabled}"
5344
+ },
5249
5345
  "colorBackgroundCalendarCurrentDate": {
5250
5346
  "light": "{colorGrey150}",
5251
5347
  "dark": "{colorGrey650}"
@@ -6300,6 +6396,30 @@ export var preset = {
6300
6396
  "light": "{colorBorderButtonNormalHover}",
6301
6397
  "dark": "{colorBorderButtonNormalHover}"
6302
6398
  },
6399
+ "colorBackgroundDirectionButtonActive": {
6400
+ "light": "{colorGrey700}",
6401
+ "dark": "{colorGrey700}"
6402
+ },
6403
+ "colorBackgroundDirectionButtonDefault": {
6404
+ "light": "{colorGrey600}",
6405
+ "dark": "{colorGrey600}"
6406
+ },
6407
+ "colorBackgroundDirectionButtonDisabled": {
6408
+ "light": "{colorGrey200}",
6409
+ "dark": "{colorGrey700}"
6410
+ },
6411
+ "colorBackgroundDirectionButtonHover": {
6412
+ "light": "{colorGrey650}",
6413
+ "dark": "{colorGrey650}"
6414
+ },
6415
+ "colorTextDirectionButtonDefault": {
6416
+ "light": "{colorWhite}",
6417
+ "dark": "{colorWhite}"
6418
+ },
6419
+ "colorTextDirectionButtonDisabled": {
6420
+ "light": "{colorTextInteractiveDisabled}",
6421
+ "dark": "{colorTextInteractiveDisabled}"
6422
+ },
6303
6423
  "colorBackgroundCalendarCurrentDate": {
6304
6424
  "light": "{colorGrey150}",
6305
6425
  "dark": "{colorGrey650}"
@@ -7354,6 +7474,30 @@ export var preset = {
7354
7474
  "light": "{colorBorderButtonNormalHover}",
7355
7475
  "dark": "{colorBorderButtonNormalHover}"
7356
7476
  },
7477
+ "colorBackgroundDirectionButtonActive": {
7478
+ "light": "{colorGrey700}",
7479
+ "dark": "{colorGrey700}"
7480
+ },
7481
+ "colorBackgroundDirectionButtonDefault": {
7482
+ "light": "{colorGrey600}",
7483
+ "dark": "{colorGrey600}"
7484
+ },
7485
+ "colorBackgroundDirectionButtonDisabled": {
7486
+ "light": "{colorGrey200}",
7487
+ "dark": "{colorGrey700}"
7488
+ },
7489
+ "colorBackgroundDirectionButtonHover": {
7490
+ "light": "{colorGrey650}",
7491
+ "dark": "{colorGrey650}"
7492
+ },
7493
+ "colorTextDirectionButtonDefault": {
7494
+ "light": "{colorWhite}",
7495
+ "dark": "{colorWhite}"
7496
+ },
7497
+ "colorTextDirectionButtonDisabled": {
7498
+ "light": "{colorTextInteractiveDisabled}",
7499
+ "dark": "{colorTextInteractiveDisabled}"
7500
+ },
7357
7501
  "colorBackgroundCalendarCurrentDate": {
7358
7502
  "light": "{colorGrey150}",
7359
7503
  "dark": "{colorGrey650}"
@@ -8410,6 +8554,30 @@ export var preset = {
8410
8554
  "light": "{colorBorderButtonNormalHover}",
8411
8555
  "dark": "{colorBorderButtonNormalHover}"
8412
8556
  },
8557
+ "colorBackgroundDirectionButtonActive": {
8558
+ "light": "{colorGrey700}",
8559
+ "dark": "{colorGrey700}"
8560
+ },
8561
+ "colorBackgroundDirectionButtonDefault": {
8562
+ "light": "{colorGrey600}",
8563
+ "dark": "{colorGrey600}"
8564
+ },
8565
+ "colorBackgroundDirectionButtonDisabled": {
8566
+ "light": "{colorGrey700}",
8567
+ "dark": "{colorGrey700}"
8568
+ },
8569
+ "colorBackgroundDirectionButtonHover": {
8570
+ "light": "{colorGrey650}",
8571
+ "dark": "{colorGrey650}"
8572
+ },
8573
+ "colorTextDirectionButtonDefault": {
8574
+ "light": "{colorWhite}",
8575
+ "dark": "{colorWhite}"
8576
+ },
8577
+ "colorTextDirectionButtonDisabled": {
8578
+ "light": "{colorTextInteractiveDisabled}",
8579
+ "dark": "{colorTextInteractiveDisabled}"
8580
+ },
8413
8581
  "colorBackgroundCalendarCurrentDate": {
8414
8582
  "light": "{colorGrey650}",
8415
8583
  "dark": "{colorGrey650}"
@@ -9565,6 +9733,12 @@ export var preset = {
9565
9733
  "colorBackgroundButtonPrimaryDefault": "color",
9566
9734
  "colorBackgroundButtonPrimaryDisabled": "color",
9567
9735
  "colorBackgroundButtonPrimaryHover": "color",
9736
+ "colorBackgroundDirectionButtonActive": "color",
9737
+ "colorBackgroundDirectionButtonDefault": "color",
9738
+ "colorBackgroundDirectionButtonDisabled": "color",
9739
+ "colorBackgroundDirectionButtonHover": "color",
9740
+ "colorTextDirectionButtonDefault": "color",
9741
+ "colorTextDirectionButtonDisabled": "color",
9568
9742
  "colorBackgroundCalendarCurrentDate": "color",
9569
9743
  "colorBackgroundCellShaded": "color",
9570
9744
  "colorBackgroundCodeEditorGutterActiveLineDefault": "color",
@@ -10848,6 +11022,12 @@ export var preset = {
10848
11022
  "colorBackgroundButtonPrimaryDefault": "color-background-button-primary-default",
10849
11023
  "colorBackgroundButtonPrimaryDisabled": "color-background-button-primary-disabled",
10850
11024
  "colorBackgroundButtonPrimaryHover": "color-background-button-primary-hover",
11025
+ "colorBackgroundDirectionButtonActive": "color-background-direction-button-active",
11026
+ "colorBackgroundDirectionButtonDefault": "color-background-direction-button-default",
11027
+ "colorBackgroundDirectionButtonDisabled": "color-background-direction-button-disabled",
11028
+ "colorBackgroundDirectionButtonHover": "color-background-direction-button-hover",
11029
+ "colorTextDirectionButtonDefault": "color-text-direction-button-default",
11030
+ "colorTextDirectionButtonDisabled": "color-text-direction-button-disabled",
10851
11031
  "colorBackgroundCalendarCurrentDate": "color-background-calendar-current-date",
10852
11032
  "colorBackgroundCellShaded": "color-background-cell-shaded",
10853
11033
  "colorBackgroundCodeEditorGutterActiveLineDefault": "color-background-code-editor-gutter-active-line-default",
@@ -11590,6 +11770,12 @@ export var preset = {
11590
11770
  "colorBackgroundButtonPrimaryDefault": "--color-background-button-primary-default-15m72j",
11591
11771
  "colorBackgroundButtonPrimaryDisabled": "--color-background-button-primary-disabled-l4i17m",
11592
11772
  "colorBackgroundButtonPrimaryHover": "--color-background-button-primary-hover-0qidjj",
11773
+ "colorBackgroundDirectionButtonActive": "--color-background-direction-button-active-hvd0pc",
11774
+ "colorBackgroundDirectionButtonDefault": "--color-background-direction-button-default-0p1y3c",
11775
+ "colorBackgroundDirectionButtonDisabled": "--color-background-direction-button-disabled-54epp1",
11776
+ "colorBackgroundDirectionButtonHover": "--color-background-direction-button-hover-pwck9a",
11777
+ "colorTextDirectionButtonDefault": "--color-text-direction-button-default-554zrt",
11778
+ "colorTextDirectionButtonDisabled": "--color-text-direction-button-disabled-ok08o0",
11593
11779
  "colorBackgroundCalendarCurrentDate": "--color-background-calendar-current-date-a6ucrp",
11594
11780
  "colorBackgroundCellShaded": "--color-background-cell-shaded-sc089k",
11595
11781
  "colorBackgroundCodeEditorGutterActiveLineDefault": "--color-background-code-editor-gutter-active-line-default-v8is2q",
@@ -0,0 +1,5 @@
1
+ export declare class PointerEventMock extends MouseEvent {
2
+ readonly pointerType: string;
3
+ constructor(type: string, props: PointerEventInit);
4
+ }
5
+ //# sourceMappingURL=pointer-events-mock.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pointer-events-mock.d.ts","sourceRoot":"","sources":["../../../../src/internal/utils/pointer-events-mock.ts"],"names":[],"mappings":"AAGA,qBAAa,gBAAiB,SAAQ,UAAU;IAC9C,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;gBACjB,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,gBAAgB;CAIlD"}
@@ -0,0 +1,10 @@
1
+ // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
+ // SPDX-License-Identifier: Apache-2.0
3
+ export class PointerEventMock extends MouseEvent {
4
+ constructor(type, props) {
5
+ var _a;
6
+ super(type, props);
7
+ this.pointerType = (_a = props.pointerType) !== null && _a !== void 0 ? _a : 'mouse';
8
+ }
9
+ }
10
+ //# sourceMappingURL=pointer-events-mock.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pointer-events-mock.js","sourceRoot":"","sources":["../../../../src/internal/utils/pointer-events-mock.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,MAAM,OAAO,gBAAiB,SAAQ,UAAU;IAE9C,YAAY,IAAY,EAAE,KAAuB;;QAC/C,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACnB,IAAI,CAAC,WAAW,GAAG,MAAA,KAAK,CAAC,WAAW,mCAAI,OAAO,CAAC;IAClD,CAAC;CACF","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport class PointerEventMock extends MouseEvent {\n readonly pointerType: string;\n constructor(type: string, props: PointerEventInit) {\n super(type, props);\n this.pointerType = props.pointerType ?? 'mouse';\n }\n}\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/components-themeable",
3
- "version": "3.0.936",
3
+ "version": "3.0.937",
4
4
  "files": [
5
5
  "lib"
6
6
  ],
@@ -1,3 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke="#646464" fill-opacity="0" stroke-width="1">
2
- <path d="M 8 13 L 13 8 M 13 11 L 11 13 M 5 13 L 13 5" />
3
- </svg>