@bethinkpl/design-system 14.1.2 → 15.0.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.umd.js +496 -223
- package/dist/design-system.umd.js.map +1 -1
- package/dist/lib/js/components/Banner/Banner.stories.d.ts +56 -8
- package/dist/lib/js/components/Banner/Banner.vue.d.ts +28 -4
- package/dist/lib/js/components/Buttons/Button/Button.stories.d.ts +14 -2
- package/dist/lib/js/components/Buttons/Button/Button.vue.d.ts +7 -1
- package/dist/lib/js/components/Buttons/IconButton/IconButton.stories.d.ts +98 -14
- package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts +14 -2
- package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.stories.d.ts +14 -2
- package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts +7 -1
- package/dist/lib/js/components/Icons/Icon/Icon.consts.d.ts +7 -1
- package/dist/lib/js/components/Modal/Modal.vue.d.ts +7 -1
- package/dist/lib/js/components/Modals/Modal/Modal.stories.d.ts +140 -20
- package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts +28 -4
- package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.stories.d.ts +112 -16
- package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.vue.d.ts +28 -4
- package/dist/lib/js/components/OverlayHeader/OverlayHeader.stories.d.ts +42 -6
- package/dist/lib/js/components/OverlayHeader/OverlayHeader.vue.d.ts +21 -3
- package/dist/lib/js/components/Pagination/Pagination.stories.d.ts +42 -6
- package/dist/lib/js/components/Pagination/Pagination.vue.d.ts +21 -3
- package/dist/lib/js/components/Pill/Pill.stories.d.ts +42 -6
- package/dist/lib/js/components/Pill/Pill.vue.d.ts +21 -3
- package/dist/lib/js/components/ProgressBar/ProgressBar.consts.d.ts +34 -13
- package/dist/lib/js/components/ProgressBar/ProgressBar.stories.d.ts +1477 -169
- package/dist/lib/js/components/ProgressBar/ProgressBar.vue.d.ts +246 -28
- package/dist/lib/js/components/SectionHeader/SectionHeader.stories.d.ts +14 -2
- package/dist/lib/js/components/SectionHeader/SectionHeader.vue.d.ts +7 -1
- package/dist/lib/js/components/SelectList/SelectListItem/SelectListItem.stories.d.ts +14 -2
- package/dist/lib/js/components/SelectList/SelectListItem/SelectListItem.vue.d.ts +7 -1
- package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.stories.d.ts +14 -2
- package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue.d.ts +7 -1
- package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.stories.d.ts +14 -2
- package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.vue.d.ts +7 -1
- package/dist/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue.d.ts +7 -1
- package/dist/lib/js/components/Statuses/BlockadeStatus/BlockedeStatus.stories.d.ts +14 -2
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.stories.d.ts +70 -10
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +35 -5
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.stories.d.ts +140 -20
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +35 -5
- package/dist/lib/js/components/Tile/Tile.consts.d.ts +1 -0
- package/dist/lib/js/components/Tile/Tile.stories.d.ts +21 -3
- package/dist/lib/js/components/Tile/Tile.vue.d.ts +7 -1
- package/dist/lib/js/icons/fontawesome.d.ts +7 -0
- package/docs/iframe.html +1 -1
- package/docs/main.a0d19173.iframe.bundle.js +1 -0
- package/docs/project.json +1 -1
- package/docs/vendors~main.09187a93.iframe.bundle.js +3 -0
- package/docs/vendors~main.09187a93.iframe.bundle.js.map +1 -0
- package/lib/js/components/Icons/Icon/Icon.consts.ts +0 -2
- package/lib/js/components/ProgressBar/ProgressBar.consts.ts +41 -15
- package/lib/js/components/ProgressBar/ProgressBar.stories.ts +37 -49
- package/lib/js/components/ProgressBar/ProgressBar.vue +169 -113
- package/lib/js/components/Tile/Tile.consts.ts +1 -0
- package/lib/js/components/Tile/Tile.vue +16 -0
- package/lib/js/icons/fontawesome.ts +14 -0
- package/package.json +1 -1
- package/docs/main.2e6f520b.iframe.bundle.js +0 -1
- package/docs/vendors~main.3e958b34.iframe.bundle.js +0 -3
- package/docs/vendors~main.3e958b34.iframe.bundle.js.map +0 -1
- package/lib/images/icons/clipboard-add.svg +0 -1
- /package/docs/{vendors~main.3e958b34.iframe.bundle.js.LICENSE.txt → vendors~main.09187a93.iframe.bundle.js.LICENSE.txt} +0 -0
|
@@ -102,6 +102,21 @@ $tile-colors: (
|
|
|
102
102
|
'icon-interactive': $color-fail-icon-disabled,
|
|
103
103
|
),
|
|
104
104
|
),
|
|
105
|
+
'info': (
|
|
106
|
+
'default': (
|
|
107
|
+
'background': $color-info-background,
|
|
108
|
+
'background-hover': $color-info-background-hovered,
|
|
109
|
+
'eyebrow-text': $color-info-text,
|
|
110
|
+
'icon': $color-info-icon,
|
|
111
|
+
'icon-interactive': $color-info-icon,
|
|
112
|
+
),
|
|
113
|
+
'disabled': (
|
|
114
|
+
'background': $color-info-background-disabled,
|
|
115
|
+
'eyebrow-text': $color-info-text-disabled,
|
|
116
|
+
'icon': $color-info-icon-disabled,
|
|
117
|
+
'icon-interactive': $color-info-icon-disabled,
|
|
118
|
+
),
|
|
119
|
+
),
|
|
105
120
|
);
|
|
106
121
|
|
|
107
122
|
@mixin setColors($root, $color-map) {
|
|
@@ -311,6 +326,7 @@ export default {
|
|
|
311
326
|
[TILE_COLORS.PRIMARY]: '-primary',
|
|
312
327
|
[TILE_COLORS.SUCCESS]: '-success',
|
|
313
328
|
[TILE_COLORS.FAIL]: '-fail',
|
|
329
|
+
[TILE_COLORS.INFO]: '-info',
|
|
314
330
|
}[this.color];
|
|
315
331
|
},
|
|
316
332
|
rippleColor() {
|
|
@@ -21,7 +21,12 @@ import { faBook } from '@fortawesome/pro-regular-svg-icons/faBook';
|
|
|
21
21
|
import { faBookBlank } from '@fortawesome/pro-regular-svg-icons/faBookBlank';
|
|
22
22
|
import { faBookCopy } from '@fortawesome/pro-regular-svg-icons/faBookCopy';
|
|
23
23
|
import { faBoxArchive } from '@fortawesome/pro-regular-svg-icons/faBoxArchive';
|
|
24
|
+
import { faCalendar } from '@fortawesome/pro-regular-svg-icons/faCalendar';
|
|
24
25
|
import { faCalendarDays } from '@fortawesome/pro-regular-svg-icons/faCalendarDays';
|
|
26
|
+
import { faCalendarDay } from '@fortawesome/pro-regular-svg-icons/faCalendarDay';
|
|
27
|
+
import { faCalendarRange } from '@fortawesome/pro-regular-svg-icons/faCalendarRange';
|
|
28
|
+
import { faCalendarCircleExclamation } from '@fortawesome/pro-regular-svg-icons/faCalendarCircleExclamation';
|
|
29
|
+
import { faCalendarCheck } from '@fortawesome/pro-regular-svg-icons/faCalendarCheck';
|
|
25
30
|
import { faCartShopping } from '@fortawesome/pro-regular-svg-icons/faCartShopping';
|
|
26
31
|
import { faChartColumn } from '@fortawesome/pro-regular-svg-icons/faChartColumn';
|
|
27
32
|
import { faChartLineUp } from '@fortawesome/pro-regular-svg-icons/faChartLineUp';
|
|
@@ -39,6 +44,7 @@ import { faCircleInfo } from '@fortawesome/pro-regular-svg-icons/faCircleInfo';
|
|
|
39
44
|
import { faCircleNotch } from '@fortawesome/pro-regular-svg-icons/faCircleNotch';
|
|
40
45
|
import { faCircleQuestion } from '@fortawesome/pro-regular-svg-icons/faCircleQuestion';
|
|
41
46
|
import { faCircleXmark } from '@fortawesome/pro-regular-svg-icons/faCircleXmark';
|
|
47
|
+
import { faClipboardMedical } from '@fortawesome/pro-regular-svg-icons/faClipboardMedical';
|
|
42
48
|
import { faClock } from '@fortawesome/pro-regular-svg-icons/faClock';
|
|
43
49
|
import { faClockRotateLeft } from '@fortawesome/pro-regular-svg-icons/faClockRotateLeft';
|
|
44
50
|
import { faCode } from '@fortawesome/pro-regular-svg-icons/faCode';
|
|
@@ -113,6 +119,7 @@ import { faTag } from '@fortawesome/pro-regular-svg-icons/faTag';
|
|
|
113
119
|
import { faTags } from '@fortawesome/pro-regular-svg-icons/faTags';
|
|
114
120
|
import { faThumbsUp } from '@fortawesome/pro-regular-svg-icons/faThumbsUp';
|
|
115
121
|
import { faTrashCan } from '@fortawesome/pro-regular-svg-icons/faTrashCan';
|
|
122
|
+
import { faTreePalm } from '@fortawesome/pro-regular-svg-icons/faTreePalm';
|
|
116
123
|
import { faTriangleExclamation } from '@fortawesome/pro-regular-svg-icons/faTriangleExclamation';
|
|
117
124
|
import { faTrophyStar } from '@fortawesome/pro-regular-svg-icons/faTrophyStar';
|
|
118
125
|
import { faUnlockKeyhole } from '@fortawesome/pro-regular-svg-icons/faUnlockKeyhole';
|
|
@@ -196,7 +203,12 @@ export const FONTAWESOME_ICONS = {
|
|
|
196
203
|
FA_BOOK_SPARKLES_SOLID: fasBookSparkles,
|
|
197
204
|
FA_BOOKMARK_SOLID: fasBookmark,
|
|
198
205
|
FA_BOX_ARCHIVE: faBoxArchive,
|
|
206
|
+
FA_CALENDAR: faCalendar,
|
|
207
|
+
FA_CALENDAR_CIRCLE_EXCLAMATION: faCalendarCircleExclamation,
|
|
208
|
+
FA_CALENDAR_CHECK: faCalendarCheck,
|
|
209
|
+
FA_CALENDAR_DAY: faCalendarDay,
|
|
199
210
|
FA_CALENDAR_DAYS: faCalendarDays,
|
|
211
|
+
FA_CALENDAR_RANGE: faCalendarRange,
|
|
200
212
|
FA_CAMERA_SOLID: fasCamera,
|
|
201
213
|
FA_CARET_SQUARE_RIGHT_SOLID: fasCaretSquareRight,
|
|
202
214
|
FA_CART_SHOPPING: faCartShopping,
|
|
@@ -221,6 +233,7 @@ export const FONTAWESOME_ICONS = {
|
|
|
221
233
|
FA_CIRCLE_PLAY_SOLID: fasCirclePlay,
|
|
222
234
|
FA_CIRCLE_QUESTION: faCircleQuestion,
|
|
223
235
|
FA_CIRCLE_XMARK: faCircleXmark,
|
|
236
|
+
FA_CLIPBOARD_MEDICAL: faClipboardMedical,
|
|
224
237
|
FA_CLOCK: faClock,
|
|
225
238
|
FA_CLOCK_ROTATE_LEFT: faClockRotateLeft,
|
|
226
239
|
FA_CODE: faCode,
|
|
@@ -317,6 +330,7 @@ export const FONTAWESOME_ICONS = {
|
|
|
317
330
|
FA_THUMBS_UP_SOLID: fasThumbsUp,
|
|
318
331
|
FA_THUMBTACK_SOLID: fasThumbtack,
|
|
319
332
|
FA_TRASH_CAN: faTrashCan,
|
|
333
|
+
FA_TREE_PALM: faTreePalm,
|
|
320
334
|
FA_TRIANGLE_EXCLAMATION: faTriangleExclamation,
|
|
321
335
|
FA_TRIANGLE_EXCLAMATION_SOLID: fasTriangleExclamation,
|
|
322
336
|
FA_TROPHY_STAR: faTrophyStar,
|