@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.
Files changed (61) hide show
  1. package/dist/design-system.umd.js +496 -223
  2. package/dist/design-system.umd.js.map +1 -1
  3. package/dist/lib/js/components/Banner/Banner.stories.d.ts +56 -8
  4. package/dist/lib/js/components/Banner/Banner.vue.d.ts +28 -4
  5. package/dist/lib/js/components/Buttons/Button/Button.stories.d.ts +14 -2
  6. package/dist/lib/js/components/Buttons/Button/Button.vue.d.ts +7 -1
  7. package/dist/lib/js/components/Buttons/IconButton/IconButton.stories.d.ts +98 -14
  8. package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts +14 -2
  9. package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.stories.d.ts +14 -2
  10. package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts +7 -1
  11. package/dist/lib/js/components/Icons/Icon/Icon.consts.d.ts +7 -1
  12. package/dist/lib/js/components/Modal/Modal.vue.d.ts +7 -1
  13. package/dist/lib/js/components/Modals/Modal/Modal.stories.d.ts +140 -20
  14. package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts +28 -4
  15. package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.stories.d.ts +112 -16
  16. package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.vue.d.ts +28 -4
  17. package/dist/lib/js/components/OverlayHeader/OverlayHeader.stories.d.ts +42 -6
  18. package/dist/lib/js/components/OverlayHeader/OverlayHeader.vue.d.ts +21 -3
  19. package/dist/lib/js/components/Pagination/Pagination.stories.d.ts +42 -6
  20. package/dist/lib/js/components/Pagination/Pagination.vue.d.ts +21 -3
  21. package/dist/lib/js/components/Pill/Pill.stories.d.ts +42 -6
  22. package/dist/lib/js/components/Pill/Pill.vue.d.ts +21 -3
  23. package/dist/lib/js/components/ProgressBar/ProgressBar.consts.d.ts +34 -13
  24. package/dist/lib/js/components/ProgressBar/ProgressBar.stories.d.ts +1477 -169
  25. package/dist/lib/js/components/ProgressBar/ProgressBar.vue.d.ts +246 -28
  26. package/dist/lib/js/components/SectionHeader/SectionHeader.stories.d.ts +14 -2
  27. package/dist/lib/js/components/SectionHeader/SectionHeader.vue.d.ts +7 -1
  28. package/dist/lib/js/components/SelectList/SelectListItem/SelectListItem.stories.d.ts +14 -2
  29. package/dist/lib/js/components/SelectList/SelectListItem/SelectListItem.vue.d.ts +7 -1
  30. package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.stories.d.ts +14 -2
  31. package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue.d.ts +7 -1
  32. package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.stories.d.ts +14 -2
  33. package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.vue.d.ts +7 -1
  34. package/dist/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue.d.ts +7 -1
  35. package/dist/lib/js/components/Statuses/BlockadeStatus/BlockedeStatus.stories.d.ts +14 -2
  36. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.stories.d.ts +70 -10
  37. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +35 -5
  38. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.stories.d.ts +140 -20
  39. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +35 -5
  40. package/dist/lib/js/components/Tile/Tile.consts.d.ts +1 -0
  41. package/dist/lib/js/components/Tile/Tile.stories.d.ts +21 -3
  42. package/dist/lib/js/components/Tile/Tile.vue.d.ts +7 -1
  43. package/dist/lib/js/icons/fontawesome.d.ts +7 -0
  44. package/docs/iframe.html +1 -1
  45. package/docs/main.a0d19173.iframe.bundle.js +1 -0
  46. package/docs/project.json +1 -1
  47. package/docs/vendors~main.09187a93.iframe.bundle.js +3 -0
  48. package/docs/vendors~main.09187a93.iframe.bundle.js.map +1 -0
  49. package/lib/js/components/Icons/Icon/Icon.consts.ts +0 -2
  50. package/lib/js/components/ProgressBar/ProgressBar.consts.ts +41 -15
  51. package/lib/js/components/ProgressBar/ProgressBar.stories.ts +37 -49
  52. package/lib/js/components/ProgressBar/ProgressBar.vue +169 -113
  53. package/lib/js/components/Tile/Tile.consts.ts +1 -0
  54. package/lib/js/components/Tile/Tile.vue +16 -0
  55. package/lib/js/icons/fontawesome.ts +14 -0
  56. package/package.json +1 -1
  57. package/docs/main.2e6f520b.iframe.bundle.js +0 -1
  58. package/docs/vendors~main.3e958b34.iframe.bundle.js +0 -3
  59. package/docs/vendors~main.3e958b34.iframe.bundle.js.map +0 -1
  60. package/lib/images/icons/clipboard-add.svg +0 -1
  61. /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,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bethinkpl/design-system",
3
- "version": "14.1.2",
3
+ "version": "15.0.0",
4
4
  "description": "Bethink universe design-system",
5
5
  "repository": "git@github.com:bethinkpl/design-system.git",
6
6
  "author": "nerdy@bethink.pl",