@cloudscape-design/components-themeable 3.0.900 → 3.0.901

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 (11) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/button/styles.scss +24 -26
  3. package/lib/internal/template/button/styles.css.js +21 -21
  4. package/lib/internal/template/button/styles.scoped.css +74 -677
  5. package/lib/internal/template/button/styles.selectors.js +21 -21
  6. package/lib/internal/template/form-field/interfaces.d.ts +9 -0
  7. package/lib/internal/template/form-field/interfaces.d.ts.map +1 -1
  8. package/lib/internal/template/form-field/interfaces.js.map +1 -1
  9. package/lib/internal/template/internal/environment.js +1 -1
  10. package/lib/internal/template/internal/environment.json +1 -1
  11. package/package.json +1 -1
package/lib/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "f8a00dd6cb1207baa2de65538bf50362d35b5a03"
2
+ "commit": "03d05744d54ff25f379c5b15d0524160729b0b8c"
3
3
  }
package/lib/internal/scss/button/styles.scss CHANGED
@@ -34,32 +34,6 @@
34
34
  border-color: map.get($variant, 'active-border-color');
35
35
  }
36
36
 
37
- &:focus {
38
- outline: none;
39
- text-decoration: none;
40
- }
41
-
42
- @include focus-visible.when-visible {
43
- @include styles.focus-highlight(awsui.$space-button-focus-outline-gutter);
44
- }
45
- &.variant-icon,
46
- &.variant-modal-dismiss,
47
- &.variant-flashbar-icon {
48
- @include focus-visible.when-visible {
49
- @include styles.focus-highlight(
50
- (
51
- 'vertical': awsui.$space-button-icon-focus-outline-gutter-vertical,
52
- 'horizontal': awsui.$space-button-focus-outline-gutter,
53
- )
54
- );
55
- }
56
- }
57
- &.variant-inline-icon {
58
- @include focus-visible.when-visible {
59
- @include styles.focus-highlight(awsui.$space-button-inline-icon-focus-outline-gutter);
60
- }
61
- }
62
-
63
37
  &.disabled {
64
38
  background: map.get($variant, 'disabled-background');
65
39
  border-color: map.get($variant, 'disabled-border-color');
@@ -96,6 +70,30 @@
96
70
  }
97
71
  }
98
72
 
73
+ &:focus {
74
+ outline: none;
75
+ text-decoration: none;
76
+ }
77
+
78
+ @include focus-visible.when-visible {
79
+ @include styles.focus-highlight(awsui.$space-button-focus-outline-gutter);
80
+
81
+ &.variant-icon,
82
+ &.variant-modal-dismiss,
83
+ &.variant-flashbar-icon {
84
+ @include styles.focus-highlight(
85
+ (
86
+ 'vertical': awsui.$space-button-icon-focus-outline-gutter-vertical,
87
+ 'horizontal': awsui.$space-button-focus-outline-gutter,
88
+ )
89
+ );
90
+ }
91
+
92
+ &.variant-inline-icon {
93
+ @include styles.focus-highlight(awsui.$space-button-inline-icon-focus-outline-gutter);
94
+ }
95
+ }
96
+
99
97
  &.button-no-text {
100
98
  padding-inline-start: awsui.$space-button-icon-only-horizontal;
101
99
  padding-inline-end: awsui.$space-button-icon-only-horizontal;
package/lib/internal/template/button/styles.css.js CHANGED
@@ -1,26 +1,26 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "content": "awsui_content_vjswe_q5yvi_153",
5
- "button": "awsui_button_vjswe_q5yvi_157",
6
- "variant-normal": "awsui_variant-normal_vjswe_q5yvi_205",
7
- "variant-icon": "awsui_variant-icon_vjswe_q5yvi_248",
8
- "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_q5yvi_248",
9
- "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_q5yvi_248",
10
- "variant-inline-icon": "awsui_variant-inline-icon_vjswe_q5yvi_269",
11
- "disabled": "awsui_disabled_vjswe_q5yvi_290",
12
- "variant-primary": "awsui_variant-primary_vjswe_q5yvi_297",
13
- "variant-link": "awsui_variant-link_vjswe_q5yvi_389",
14
- "variant-inline-link": "awsui_variant-inline-link_vjswe_q5yvi_665",
15
- "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_q5yvi_945",
16
- "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_q5yvi_1042",
17
- "button-no-text": "awsui_button-no-text_vjswe_q5yvi_1134",
18
- "button-no-wrap": "awsui_button-no-wrap_vjswe_q5yvi_1138",
19
- "full-width": "awsui_full-width_vjswe_q5yvi_1141",
20
- "icon-left": "awsui_icon-left_vjswe_q5yvi_1160",
21
- "icon-right": "awsui_icon-right_vjswe_q5yvi_1165",
22
- "icon": "awsui_icon_vjswe_q5yvi_1160",
23
- "link": "awsui_link_vjswe_q5yvi_1184",
24
- "disabled-with-reason": "awsui_disabled-with-reason_vjswe_q5yvi_1184"
4
+ "content": "awsui_content_vjswe_1opon_153",
5
+ "button": "awsui_button_vjswe_1opon_157",
6
+ "variant-normal": "awsui_variant-normal_vjswe_1opon_205",
7
+ "disabled": "awsui_disabled_vjswe_1opon_223",
8
+ "variant-primary": "awsui_variant-primary_vjswe_1opon_230",
9
+ "variant-link": "awsui_variant-link_vjswe_1opon_255",
10
+ "variant-icon": "awsui_variant-icon_vjswe_1opon_280",
11
+ "variant-inline-icon": "awsui_variant-inline-icon_vjswe_1opon_305",
12
+ "variant-inline-link": "awsui_variant-inline-link_vjswe_1opon_330",
13
+ "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_1opon_359",
14
+ "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_1opon_384",
15
+ "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_1opon_409",
16
+ "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_1opon_439",
17
+ "button-no-text": "awsui_button-no-text_vjswe_1opon_531",
18
+ "button-no-wrap": "awsui_button-no-wrap_vjswe_1opon_535",
19
+ "full-width": "awsui_full-width_vjswe_1opon_538",
20
+ "icon-left": "awsui_icon-left_vjswe_1opon_557",
21
+ "icon-right": "awsui_icon-right_vjswe_1opon_562",
22
+ "icon": "awsui_icon_vjswe_1opon_557",
23
+ "link": "awsui_link_vjswe_1opon_581",
24
+ "disabled-with-reason": "awsui_disabled-with-reason_vjswe_1opon_581"
25
25
  };
26
26