@bethinkpl/design-system 41.0.1 → 41.1.0
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.
- package/dist/design-system.css +1 -1
- package/dist/design-system.js +3081 -3046
- package/dist/design-system.js.map +1 -1
- package/dist/lib/js/components/Buttons/IconButton/IconButton.consts.d.ts +1 -0
- package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts +1 -0
- package/dist/lib/js/components/Cards/Card/Card.consts.d.ts +1 -0
- package/dist/lib/js/components/Chip/Chip.consts.d.ts +1 -0
- package/dist/lib/js/components/ContainerRibbon/ContainerRibbon.consts.d.ts +1 -0
- package/dist/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue.d.ts +1 -0
- package/dist/lib/js/components/Drawer/DrawerSection/DrawerSection.vue.d.ts +3 -0
- package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts +2 -0
- package/dist/lib/js/components/Headers/SectionHeader/SectionHeader.vue.d.ts +2 -0
- package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts +2 -0
- package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.vue.d.ts +2 -0
- package/dist/lib/js/components/Pagination/Pagination.vue.d.ts +96 -0
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +2 -0
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +2 -0
- package/dist/lib/js/components/Well/Well.consts.d.ts +2 -0
- package/lib/js/components/Buttons/IconButton/IconButton.consts.ts +1 -0
- package/lib/js/components/Buttons/IconButton/IconButton.spec.ts +1 -0
- package/lib/js/components/Chip/Chip.consts.ts +1 -0
- package/lib/js/components/Chip/Chip.spec.ts +2 -0
- package/lib/js/components/Chip/Chip.vue +12 -0
- package/lib/js/components/ContainerRibbon/ContainerRibbon.consts.ts +1 -0
- package/lib/js/components/ContainerRibbon/ContainerRibbon.spec.ts +9 -6
- package/lib/js/components/ContainerRibbon/ContainerRibbon.vue +5 -0
- package/lib/js/components/Pagination/Pagination.spec.ts +18 -1
- package/lib/js/components/Pagination/Pagination.stories.ts +5 -3
- package/lib/js/components/Pagination/Pagination.vue +31 -3
- package/lib/js/components/Well/Well.consts.ts +1 -0
- package/lib/js/components/Well/Well.spec.ts +9 -1
- package/lib/js/components/Well/Well.vue +11 -0
- package/lib/styles/settings/_buttons.scss +42 -0
- package/package.json +1 -1
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
:class="[
|
|
5
5
|
colorClass,
|
|
6
6
|
{
|
|
7
|
+
'-ds-large': WELL_PADDINGS.LARGE === padding,
|
|
7
8
|
'-ds-medium': WELL_PADDINGS.MEDIUM === padding,
|
|
8
9
|
'-ds-small': WELL_PADDINGS.SMALL === padding,
|
|
9
10
|
'-ds-noRadius': !hasRadius,
|
|
@@ -144,6 +145,16 @@
|
|
|
144
145
|
top: -10px;
|
|
145
146
|
}
|
|
146
147
|
|
|
148
|
+
&.-ds-large {
|
|
149
|
+
#{$root}__content {
|
|
150
|
+
padding: $space-12;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
#{$root}__accessorySlot {
|
|
154
|
+
right: $space-12;
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
|
|
147
158
|
&.-ds-medium {
|
|
148
159
|
#{$root}__content {
|
|
149
160
|
padding: $space-8;
|
|
@@ -185,6 +185,48 @@ $only-icon-button-colors: (
|
|
|
185
185
|
),
|
|
186
186
|
),
|
|
187
187
|
),
|
|
188
|
+
'accent': (
|
|
189
|
+
'filled': (
|
|
190
|
+
'color': $color-inverted-text,
|
|
191
|
+
'icon': $color-inverted-icon,
|
|
192
|
+
'background': $color-accent-background-strong,
|
|
193
|
+
'background-hovered': $color-accent-background-strong-hovered,
|
|
194
|
+
'background-focused': $color-accent-background-strong-focused,
|
|
195
|
+
'background-disabled': $color-accent-background-strong-disabled,
|
|
196
|
+
'disabled': (
|
|
197
|
+
'color': $color-inverted-text,
|
|
198
|
+
'icon': $color-inverted-icon,
|
|
199
|
+
'background': $color-accent-background-strong-disabled,
|
|
200
|
+
),
|
|
201
|
+
),
|
|
202
|
+
'outlined': (
|
|
203
|
+
'color': $color-accent-text,
|
|
204
|
+
'icon': $color-accent-icon,
|
|
205
|
+
'border': $color-accent-border,
|
|
206
|
+
'background': $color-accent-background-ghost,
|
|
207
|
+
'background-hovered': $color-accent-background-ghost-hovered,
|
|
208
|
+
'background-focused': $color-accent-background-ghost-focused,
|
|
209
|
+
'background-disabled': $color-accent-background-ghost-disabled,
|
|
210
|
+
'disabled': (
|
|
211
|
+
'color': $color-accent-text,
|
|
212
|
+
'border': $color-accent-border-disabled,
|
|
213
|
+
'icon': $color-accent-icon-disabled,
|
|
214
|
+
'background': $color-accent-background-ghost-disabled,
|
|
215
|
+
),
|
|
216
|
+
),
|
|
217
|
+
'text': (
|
|
218
|
+
'color': $color-accent-text,
|
|
219
|
+
'icon': $color-accent-icon,
|
|
220
|
+
'background': $color-accent-background-ghost,
|
|
221
|
+
'background-hovered': $color-accent-background-ghost-hovered,
|
|
222
|
+
'background-focused': $color-accent-background-ghost-focused,
|
|
223
|
+
'background-disabled': $color-accent-background-ghost-disabled,
|
|
224
|
+
'disabled': (
|
|
225
|
+
'color': $color-accent-text,
|
|
226
|
+
'icon': $color-accent-icon-disabled,
|
|
227
|
+
),
|
|
228
|
+
),
|
|
229
|
+
),
|
|
188
230
|
);
|
|
189
231
|
|
|
190
232
|
$button-colors: (
|