@digigov/css 2.0.0-b3ec0588 → 2.0.0-b4cd6916

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 (132) hide show
  1. package/defaultTheme/accordion.json +8 -0
  2. package/defaultTheme/brandConfig.json +14 -2
  3. package/defaultTheme/button.json +16 -3
  4. package/defaultTheme/card.json +16 -5
  5. package/defaultTheme/form.json +117 -0
  6. package/defaultTheme/globals.json +11 -1
  7. package/defaultTheme/index.js +1 -1
  8. package/defaultTheme/layout.json +55 -0
  9. package/defaultTheme/misc.json +20 -0
  10. package/defaultTheme/panel.json +5 -0
  11. package/defaultTheme/typography.json +12 -12
  12. package/dist/base/index.css +1 -1
  13. package/dist/base.js +1 -1
  14. package/dist/components.js +1 -1
  15. package/dist/digigov.css +3 -3
  16. package/dist/utilities/index.css +1 -1
  17. package/dist/utilities.js +1 -1
  18. package/package.json +10 -6
  19. package/postcss.config.js +1 -0
  20. package/src/base/base.css +1 -1
  21. package/src/base/index.css +5 -5
  22. package/src/components/accordion.css +61 -54
  23. package/src/components/admin-header.css +2 -19
  24. package/src/components/admin-layout.css +13 -22
  25. package/src/components/autocomplete.css +89 -46
  26. package/src/components/back-to-top.css +3 -4
  27. package/src/components/blockquote.common.css +14 -0
  28. package/src/components/blockquote.css +9 -0
  29. package/src/components/blockquote.native.css +11 -0
  30. package/src/components/bottom-info.css +2 -1
  31. package/src/components/breadcrumbs.css +17 -8
  32. package/src/components/button.common.css +62 -0
  33. package/src/components/button.css +57 -71
  34. package/src/components/button.native.css +56 -0
  35. package/src/components/card.common.css +33 -0
  36. package/src/components/card.css +65 -52
  37. package/src/components/card.native.css +29 -0
  38. package/src/components/checkboxes.common.css +16 -0
  39. package/src/components/checkboxes.css +26 -31
  40. package/src/components/checkboxes.native.css +28 -0
  41. package/src/components/chip.css +28 -29
  42. package/src/components/code.css +127 -0
  43. package/src/components/components.css +2 -2
  44. package/src/components/copy-to-clipboard.css +27 -26
  45. package/src/components/copy-to-clipboard.native.css +28 -0
  46. package/src/components/details.common.css +26 -0
  47. package/src/components/details.css +14 -15
  48. package/src/components/details.native.css +26 -0
  49. package/src/components/dev-theme.css +2 -3
  50. package/src/components/drawer.css +47 -48
  51. package/src/components/dropdown.common.css +23 -0
  52. package/src/components/dropdown.css +57 -48
  53. package/src/components/dropdown.native.css +28 -0
  54. package/src/components/experimental.css +12 -12
  55. package/src/components/fillable.css +5 -5
  56. package/src/components/filter.css +14 -19
  57. package/src/components/footer.css +35 -21
  58. package/src/components/form.common.css +82 -0
  59. package/src/components/form.css +86 -48
  60. package/src/components/form.native.css +133 -0
  61. package/src/components/full-page-background.css +1 -1
  62. package/src/components/header.common.css +36 -0
  63. package/src/components/header.css +44 -43
  64. package/src/components/header.native.css +34 -0
  65. package/src/components/hidden.css +17 -17
  66. package/src/components/index.css +49 -47
  67. package/src/components/kitchensink.css +33 -33
  68. package/src/components/layout.common.css +36 -0
  69. package/src/components/layout.css +40 -41
  70. package/src/components/layout.native.css +39 -0
  71. package/src/components/loader.css +28 -28
  72. package/src/components/masthead.css +56 -55
  73. package/src/components/misc.css +37 -15
  74. package/src/components/modal.common.css +17 -0
  75. package/src/components/modal.css +31 -20
  76. package/src/components/modal.native.css +18 -0
  77. package/src/components/nav.common.css +22 -0
  78. package/src/components/nav.css +72 -67
  79. package/src/components/nav.native.css +41 -0
  80. package/src/components/notification-banner.common.css +46 -0
  81. package/src/components/notification-banner.css +23 -19
  82. package/src/components/notification-banner.native.css +42 -0
  83. package/src/components/pagination.css +30 -31
  84. package/src/components/panel.common.css +30 -0
  85. package/src/components/panel.css +10 -18
  86. package/src/components/panel.native.css +20 -0
  87. package/src/components/phase-banner.common.css +23 -0
  88. package/src/components/phase-banner.css +11 -10
  89. package/src/components/phase-banner.native.css +31 -0
  90. package/src/components/radios.common.css +16 -0
  91. package/src/components/radios.css +27 -30
  92. package/src/components/radios.native.css +24 -0
  93. package/src/components/skeleton.css +85 -0
  94. package/src/components/skiplink.css +2 -2
  95. package/src/components/stack.css +63 -63
  96. package/src/components/stepnav.css +35 -32
  97. package/src/components/summary-list.common.css +92 -0
  98. package/src/components/summary-list.css +101 -30
  99. package/src/components/summary-list.native.css +93 -0
  100. package/src/components/svg-icons.common.css +56 -0
  101. package/src/components/svg-icons.css +78 -77
  102. package/src/components/svg-icons.native.css +55 -0
  103. package/src/components/table.css +163 -182
  104. package/src/components/tabs.css +52 -67
  105. package/src/components/task-list.css +28 -23
  106. package/src/components/test.css +7 -0
  107. package/src/components/timeline.css +20 -18
  108. package/src/components/typography.common.css +138 -0
  109. package/src/components/typography.css +104 -177
  110. package/src/components/typography.native.css +97 -0
  111. package/src/components/warning-text.common.css +23 -0
  112. package/src/components/warning-text.css +11 -8
  113. package/src/components/warning-text.native.css +22 -0
  114. package/src/index.native.css +21 -0
  115. package/src/pages/index.js +1 -1
  116. package/src/utilities/gap.css +141 -0
  117. package/src/utilities/index.css +6 -585
  118. package/src/utilities/index.native.css +6 -0
  119. package/src/utilities/layout.css +231 -0
  120. package/src/utilities/layout.native.css +278 -0
  121. package/src/utilities/margin.css +4299 -0
  122. package/src/utilities/padding.css +4299 -0
  123. package/src/utilities/print.css +11 -0
  124. package/src/utilities/utilities.css +3 -1251
  125. package/tailwind.config.js +2 -0
  126. package/defaultTheme/footer.json +0 -8
  127. package/src/pages/admin-filtering-data.js +0 -160
  128. package/src/pages/admin.js +0 -61
  129. package/src/pages/dropdown.js +0 -249
  130. package/src/pages/form.js +0 -400
  131. package/src/pages/pagination.js +0 -124
  132. package/src/pages/table.js +0 -308
package/src/components/summary-list.css CHANGED
@@ -1,29 +1,105 @@
1
+ /* stylelint-disable digigov/enforce-class-selector-namespace */
2
+ @import './summary-list.common.css';
3
+
1
4
  .ds-summary-list {
2
- font-size: var(--summary-list-font-size);
3
- @apply m-0 mb-6 sm:mb-8 w-full
4
- sm:table sm:w-full sm:table-fixed;
5
- }
6
- .ds-summary-list--no-border {
7
- .ds-summary-list__key,
8
- .ds-summary-list__value,
9
- .ds-summary-list__actions {
10
- @apply sm:border-0 pb-2;
5
+ @apply util-summary-list sm:table sm:table-fixed util-summary-list-text;
6
+ &.ds-summary-list--no-border {
7
+ > .ds-summary-list__row:last-child {
8
+ @apply border-b-0 pb-0 mb-0;
9
+ }
10
+ .ds-summary-list__key,
11
+ .ds-summary-list__value,
12
+ .ds-summary-list__actions {
13
+ @apply sm:border-0 pb-2;
14
+ }
15
+ }
16
+ &.ds-summary-list--no-last-border {
17
+ > .ds-summary-list__row:last-child {
18
+ @apply border-b-0 pb-0 mb-0;
19
+ .ds-summary-list__key,
20
+ .ds-summary-list__value,
21
+ .ds-summary-list__actions {
22
+ @apply border-b-0;
23
+ }
24
+ }
11
25
  }
12
26
  }
27
+
13
28
  .ds-summary-list__row {
14
- @apply block sm:flex
15
- pb-4 mb-4 border-b border-solid border-base-300
16
- sm:pb-0 sm:mb-0 sm:border-0 print:flex print:flex-row print:flex-nowrap;
17
- }
18
- .ds-summary-list__row--no-border {
19
- .ds-summary-list__key,
20
- .ds-summary-list__value,
21
- .ds-summary-list__actions {
22
- @apply sm:border-0 pb-2;
29
+ @apply block util-summary-list__row;
30
+ &.ds-summary-list__row--no-border {
31
+ .ds-summary-list__key,
32
+ .ds-summary-list__value,
33
+ .ds-summary-list__actions {
34
+ @apply sm:border-0 pb-2;
35
+ }
23
36
  }
24
37
  }
25
38
  .ds-summary-list__key {
26
- @apply font-bold mb-1 sm:w-3/12;
39
+ @apply util-summary-list__key-text util-summary-list__key;
40
+ &.ds-summary-list__key--sm-3 {
41
+ @apply util-summary-list__key--sm-3;
42
+ }
43
+ &.ds-summary-list__key--sm-4 {
44
+ @apply util-summary-list__key--sm-4;
45
+ }
46
+ &.ds-summary-list__key--sm-5 {
47
+ @apply util-summary-list__key--sm-5;
48
+ }
49
+ &.ds-summary-list__key--sm-6 {
50
+ @apply util-summary-list__key--sm-6;
51
+ }
52
+ &.ds-summary-list__key--sm-7 {
53
+ @apply util-summary-list__key--sm-7;
54
+ }
55
+ &.ds-summary-list__key--sm-8 {
56
+ @apply util-summary-list__key--sm-8;
57
+ }
58
+ &.ds-summary-list__key--sm-9 {
59
+ @apply util-summary-list__key--sm-9;
60
+ }
61
+ &.ds-summary-list__key--md-3 {
62
+ @apply util-summary-list__key--md-3;
63
+ }
64
+ &.ds-summary-list__key--md-4 {
65
+ @apply util-summary-list__key--md-4;
66
+ }
67
+ &.ds-summary-list__key--md-5 {
68
+ @apply util-summary-list__key--md-5;
69
+ }
70
+ &.ds-summary-list__key--md-6 {
71
+ @apply util-summary-list__key--md-6;
72
+ }
73
+ &.ds-summary-list__key--md-7 {
74
+ @apply util-summary-list__key--md-7;
75
+ }
76
+ &.ds-summary-list__key--md-8 {
77
+ @apply util-summary-list__key--md-8;
78
+ }
79
+ &.ds-summary-list__key--md-9 {
80
+ @apply util-summary-list__key--md-9;
81
+ }
82
+ &.ds-summary-list__key--lg-3 {
83
+ @apply util-summary-list__key--lg-3;
84
+ }
85
+ &.ds-summary-list__key--lg-4 {
86
+ @apply util-summary-list__key--lg-4;
87
+ }
88
+ &.ds-summary-list__key--lg-5 {
89
+ @apply util-summary-list__key--lg-5;
90
+ }
91
+ &.ds-summary-list__key--lg-6 {
92
+ @apply util-summary-list__key--lg-6;
93
+ }
94
+ &.ds-summary-list__key--lg-7 {
95
+ @apply util-summary-list__key--lg-7;
96
+ }
97
+ &.ds-summary-list__key--lg-8 {
98
+ @apply util-summary-list__key--lg-8;
99
+ }
100
+ &.ds-summary-list__key--lg-9 {
101
+ @apply util-summary-list__key--lg-9;
102
+ }
27
103
  }
28
104
  @media print {
29
105
  .ds-summary-list__key {
@@ -31,20 +107,18 @@
31
107
  }
32
108
  }
33
109
  .ds-summary-list__value {
34
- @apply sm:w-6/12;
110
+ @apply util-summary-list__value;
35
111
  }
36
112
  .ds-summary-list__actions {
37
- @apply sm:w-3/12 sm:pr-0 sm:text-right;
113
+ @apply util-summary-list__actions;
38
114
  }
115
+
39
116
  /* When "actions" are right after "key" */
40
117
  .ds-summary-list__key + .ds-summary-list__actions {
41
- @apply sm:w-9/12;
42
- }
43
- /* When "value" is 1st or 2nd among 2 children */
44
- .ds-summary-list__value:nth-child(2):nth-last-child(1),
45
- .ds-summary-list__value:nth-child(1):nth-last-child(2) {
46
- @apply sm:w-9/12;
118
+ @apply sm:flex-1;
47
119
  }
120
+
121
+
48
122
  /* When there is only one child */
49
123
  .ds-summary-list__key:only-child,
50
124
  .ds-summary-list__value:only-child,
@@ -79,7 +153,4 @@
79
153
  .ds-btn {
80
154
  @apply ml-4;
81
155
  }
82
- .ds-link {
83
- @apply pl-4;
84
- }
85
156
  }
package/src/components/summary-list.native.css ADDED
@@ -0,0 +1,93 @@
1
+ /* stylelint-disable digigov/enforce-class-selector-namespace */
2
+ @import './summary-list.common.css';
3
+
4
+ .ds-summary-list {
5
+ @apply util-summary-list;
6
+ }
7
+ .ds-summary-list__text {
8
+ @apply util-summary-list-text;
9
+ }
10
+ .ds-summary-list__row {
11
+ @apply util-summary-list__row gap-y-2;
12
+ }
13
+ .ds-summary-list__key {
14
+ @apply util-summary-list__key;
15
+ }
16
+
17
+ .ds-summary-list__key--sm-3 {
18
+ @apply util-summary-list__key--sm-3;
19
+ }
20
+ .ds-summary-list__key--sm-4 {
21
+ @apply util-summary-list__key--sm-4;
22
+ }
23
+ .ds-summary-list__key--sm-5 {
24
+ @apply util-summary-list__key--sm-5;
25
+ }
26
+ .ds-summary-list__key--sm-6 {
27
+ @apply util-summary-list__key--sm-6;
28
+ }
29
+ .ds-summary-list__key--sm-7 {
30
+ @apply util-summary-list__key--sm-7;
31
+ }
32
+ .ds-summary-list__key--sm-8 {
33
+ @apply util-summary-list__key--sm-8;
34
+ }
35
+ .ds-summary-list__key--sm-9 {
36
+ @apply util-summary-list__key--sm-9;
37
+ }
38
+ .ds-summary-list__key--md-3 {
39
+ @apply util-summary-list__key--md-3;
40
+ }
41
+ .ds-summary-list__key--md-4 {
42
+ @apply util-summary-list__key--md-4;
43
+ }
44
+ .ds-summary-list__key--md-5 {
45
+ @apply util-summary-list__key--md-5;
46
+ }
47
+ .ds-summary-list__key--md-6 {
48
+ @apply util-summary-list__key--md-6;
49
+ }
50
+ .ds-summary-list__key--md-7 {
51
+ @apply util-summary-list__key--md-7;
52
+ }
53
+ .ds-summary-list__key--md-8 {
54
+ @apply util-summary-list__key--md-8;
55
+ }
56
+ .ds-summary-list__key--md-9 {
57
+ @apply util-summary-list__key--md-9;
58
+ }
59
+ .ds-summary-list__key--lg-3 {
60
+ @apply util-summary-list__key--lg-3;
61
+ }
62
+ .ds-summary-list__key--lg-4 {
63
+ @apply util-summary-list__key--lg-4;
64
+ }
65
+ .ds-summary-list__key--lg-5 {
66
+ @apply util-summary-list__key--lg-5;
67
+ }
68
+ .ds-summary-list__key--lg-6 {
69
+ @apply util-summary-list__key--lg-6;
70
+ }
71
+ .ds-summary-list__key--lg-7 {
72
+ @apply util-summary-list__key--lg-7;
73
+ }
74
+ .ds-summary-list__key--lg-8 {
75
+ @apply util-summary-list__key--lg-8;
76
+ }
77
+ .ds-summary-list__key--lg-9 {
78
+ @apply util-summary-list__key--lg-9;
79
+ }
80
+
81
+ .ds-summary-list__key__text {
82
+ @apply util-summary-list-text util-summary-list__key-text;
83
+ }
84
+ .ds-summary-list__value {
85
+ @apply util-summary-list__value;
86
+ }
87
+ .ds-summary-list__value__text {
88
+ @apply util-summary-list-text;
89
+ }
90
+ .ds-summary-list__actions {
91
+ @apply util-summary-list__actions;
92
+ align-self: 'flex-start';
93
+ }
package/src/components/svg-icons.common.css ADDED
@@ -0,0 +1,56 @@
1
+ @tailwind utilities;
2
+
3
+ @layer utilities {
4
+ .util-svg-icon {
5
+ @apply h-4 w-4;
6
+ fill: var(--color-base-content);
7
+ }
8
+ .util-svg-icon--base-content {
9
+ fill: var(--color-base-content) !important;
10
+ }
11
+ .util-svg-icon--dark {
12
+ fill: var(--color-black) !important;
13
+ }
14
+ .util-svg-icon--white {
15
+ fill: var(--color-white) !important;
16
+ }
17
+ .util-svg-icon--gray {
18
+ fill: var(--color-base-700) !important;
19
+ }
20
+ .util-svg-icon--primary {
21
+ fill: var(--color-primary) !important;
22
+ }
23
+ .util-svg-icon--success {
24
+ fill: var(--color-success) !important;
25
+ }
26
+ .util-svg-icon--warning {
27
+ fill: var(--color-warning) !important;
28
+ }
29
+ .util-svg-icon--error {
30
+ fill: var(--color-error-text) !important;
31
+ }
32
+ .util-svg-icon--focus {
33
+ fill: var(--color-focus) !important;
34
+ }
35
+ .util-svg-icon--link {
36
+ fill: var(--color-link) !important;
37
+ }
38
+ .util-svg-icon--info {
39
+ fill: var(--color-info) !important;
40
+ }
41
+ .util-svg-icon--xs {
42
+ @apply h-3 w-3 !important;
43
+ }
44
+ .util-svg-icon--sm {
45
+ @apply h-4 w-4 !important;
46
+ }
47
+ .util-svg-icon--md {
48
+ @apply h-6 w-6 !important;
49
+ }
50
+ .util-svg-icon--lg {
51
+ @apply h-8 w-8 !important;
52
+ }
53
+ .util-svg-icon--xl {
54
+ @apply h-10 w-10 !important;
55
+ }
56
+ }
package/src/components/svg-icons.css CHANGED
@@ -1,85 +1,86 @@
1
1
  .ds-svg-icon {
2
2
  @apply h-4 w-4 inline transition-transform;
3
3
  fill: var(--color-base-content);
4
- }
5
- .ds-svg-icon--dark {
6
- fill: var(--color-base-content) !important;
7
- }
8
- .ds-svg-icon--light {
9
- fill: var(--color-white) !important;
10
- }
11
- .ds-svg-icon--gray {
12
- fill: var(--color-base-700) !important;
13
- }
14
- .ds-svg-icon--primary {
15
- fill: var(--color-primary) !important;
16
- }
17
- .ds-svg-icon--success {
18
- fill: var(--color-success) !important;
19
- }
20
- .ds-svg-icon--warning {
21
- fill: var(--color-warning) !important;
22
- }
23
- .ds-svg-icon--error {
24
- fill: var(--color-error) !important;
25
- }
26
- .ds-svg-icon--focus {
27
- fill: var(--color-focus) !important;
28
- }
29
- .ds-svg-icon--link {
30
- fill: var(--color-link) !important;
31
- }
32
- .ds-svg-icon--info {
33
- fill: var(--color-info) !important;
34
- }
35
- .ds-svg-icon--xs {
36
- @apply h-3 w-3 !important;
37
- }
38
- .ds-svg-icon--sm {
39
- @apply h-4 w-4 !important;
40
- }
41
- .ds-svg-icon--md {
42
- @apply h-6 w-6 !important;
43
- }
44
- .ds-svg-icon--lg {
45
- @apply h-8 w-8 !important;
46
- }
47
- .ds-svg-icon--xl {
48
- @apply h-10 w-10 !important;
49
- }
50
- .ds-svg-icon--burger {
51
- fill: var(--color-base-content);
52
- @apply transition-transform focus:bg-focus;
53
- @apply cursor-pointer;
54
- #ds-svg-icon--burger__line-1,
55
- #ds-svg-icon--burger__line-2,
56
- #ds-svg-icon--burger__line-3 {
57
- @apply transition-transform;
58
- }
59
- #ds-svg-icon--burger__line-1 {
60
- x: 2px;
61
- y: 3px;
62
- }
63
- #ds-svg-icon--burger__line-2 {
64
- x: 2px;
65
- y: 10.3px;
66
- }
67
- #ds-svg-icon--burger__line-3 {
68
- @apply origin-top-left;
69
- x: 2px;
70
- y: 17.7px;
4
+ &.ds-svg-icon--base-content {
5
+ fill: var(--color-base-content) !important;
71
6
  }
72
- }
73
- .ds-svg-icon--burger--active {
74
- #ds-svg-icon--burger__line-1 {
75
- transform: rotate(45deg);
76
- transform-origin: 3px 8px;
7
+ &.ds-svg-icon--dark {
8
+ fill: var(--color-black) !important;
9
+ }
10
+ &.ds-svg-icon--white {
11
+ fill: var(--color-white) !important;
12
+ }
13
+ &.ds-svg-icon--gray {
14
+ fill: var(--color-base-700) !important;
15
+ }
16
+ &.ds-svg-icon--primary {
17
+ fill: var(--color-primary) !important;
18
+ }
19
+ &.ds-svg-icon--success {
20
+ fill: var(--color-success) !important;
21
+ }
22
+ &.ds-svg-icon--warning {
23
+ fill: var(--color-warning) !important;
24
+ }
25
+ &.ds-svg-icon--error {
26
+ fill: var(--color-error-text) !important;
27
+ }
28
+ &.ds-svg-icon--focus {
29
+ fill: var(--color-focus) !important;
30
+ }
31
+ &.ds-svg-icon--link {
32
+ fill: var(--color-link) !important;
33
+ }
34
+ &.ds-svg-icon--info {
35
+ fill: var(--color-info) !important;
36
+ }
37
+ &.ds-svg-icon--xs {
38
+ @apply h-3 w-3 !important;
39
+ }
40
+ &.ds-svg-icon--sm {
41
+ @apply h-4 w-4 !important;
42
+ }
43
+ &.ds-svg-icon--md {
44
+ @apply h-6 w-6 !important;
45
+ }
46
+ &.ds-svg-icon--lg {
47
+ @apply h-8 w-8 !important;
77
48
  }
78
- #ds-svg-icon--burger__line-2 {
79
- @apply w-0 origin-center;
49
+ &.ds-svg-icon--xl {
50
+ @apply h-10 w-10 !important;
80
51
  }
81
- #ds-svg-icon--burger__line-3 {
82
- transform: rotate(-45deg);
83
- transform-origin: 3px 16px;
52
+ &.ds-svg-icon--burger {
53
+ @apply transition-transform focus:bg-focus cursor-pointer;
54
+ #ds-svg-icon--burger__line-1,
55
+ #ds-svg-icon--burger__line-2,
56
+ #ds-svg-icon--burger__line-3 {
57
+ @apply transition-transform;
58
+ }
59
+ #ds-svg-icon--burger__line-1 {
60
+ x: 2px;
61
+ y: 3px;
62
+ }
63
+ #ds-svg-icon--burger__line-2 {
64
+ x: 2px;
65
+ y: 10.3px;
66
+ }
67
+ #ds-svg-icon--burger__line-3 {
68
+ @apply origin-top-left;
69
+ x: 2px;
70
+ y: 17.7px;
71
+ }
72
+ .ds-svg-icon--burger--active {
73
+ #ds-svg-icon--burger__line-1 {
74
+ transform: rotate(45deg);
75
+ transform-origin: 3px 8px;
76
+ }
77
+ #ds-svg-icon--burger__line-2 {
78
+ @apply w-0 origin-center;
79
+ }
80
+ #ds-svg-icon--burger__line-3 {
81
+ transform: rotate(-45deg);
82
+ transform-origin: 3px 16px;
83
+ }
84
+ }
84
85
  }
85
86
  }
package/src/components/svg-icons.native.css ADDED
@@ -0,0 +1,55 @@
1
+ @import './svg-icons.common.css';
2
+
3
+ .ds-svg-icon {
4
+ @apply util-svg-icon;
5
+ flex-direction:'row';
6
+ flex-wrap:'wrap';
7
+ }
8
+ .ds-svg-icon--base-content {
9
+ @apply util-svg-icon--base-content;
10
+ }
11
+ .ds-svg-icon--dark {
12
+ @apply util-svg-icon--dark;
13
+ }
14
+ .ds-svg-icon--white {
15
+ @apply util-svg-icon--white;
16
+ }
17
+ .ds-svg-icon--gray {
18
+ @apply util-svg-icon--gray;
19
+ }
20
+ .ds-svg-icon--primary {
21
+ @apply util-svg-icon--primary;
22
+ }
23
+ .ds-svg-icon--success {
24
+ @apply util-svg-icon--success;
25
+ }
26
+ .ds-svg-icon--warning {
27
+ @apply util-svg-icon--warning;
28
+ }
29
+ .ds-svg-icon--error {
30
+ @apply util-svg-icon--error;
31
+ }
32
+ .ds-svg-icon--focus {
33
+ @apply util-svg-icon--focus;
34
+ }
35
+ .ds-svg-icon--link {
36
+ @apply util-svg-icon--link;
37
+ }
38
+ .ds-svg-icon--info {
39
+ @apply util-svg-icon--info;
40
+ }
41
+ .ds-svg-icon--xs {
42
+ @apply util-svg-icon--xs;
43
+ }
44
+ .ds-svg-icon--sm {
45
+ @apply util-svg-icon--sm;
46
+ }
47
+ .ds-svg-icon--md {
48
+ @apply util-svg-icon--md;
49
+ }
50
+ .ds-svg-icon--lg {
51
+ @apply util-svg-icon--lg;
52
+ }
53
+ .ds-svg-icon--xl {
54
+ @apply util-svg-icon--xl;
55
+ }