@kaizen/components 1.4.20 → 1.4.22-canary.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 (115) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/esm/index.js +0 -53
  3. package/dist/iife/KaizenProvider/ThemeProvider/ThemeManager.js +62 -2968
  4. package/dist/iife/KaizenProvider/ThemeProvider/ThemeManager.spec.js +369 -2968
  5. package/dist/iife/KaizenProvider/ThemeProvider/index.js +64 -764
  6. package/dist/iife/KaizenProvider/index.js +67 -767
  7. package/dist/iife/index.js +1176 -115636
  8. package/dist/index.d.ts +1 -41
  9. package/dist/index.js +1 -54
  10. package/package.json +32 -32
  11. package/dist/iife/ActionButton.module-LHTIA2D3.scss +0 -10
  12. package/dist/iife/Avatar.module-GUG7HXMZ.scss +0 -165
  13. package/dist/iife/AvatarGroup.module-QAVTI4PR.scss +0 -85
  14. package/dist/iife/Base.module-DJPJNUQ5.scss +0 -80
  15. package/dist/iife/BaseButton.module-4FKZZLVI.scss +0 -103
  16. package/dist/iife/Brand.module-FCHTLJQK.scss +0 -4
  17. package/dist/iife/BrandMoment.module-4P7H2D3W.scss +0 -196
  18. package/dist/iife/Calendar.module-H7XBQXTA.scss +0 -211
  19. package/dist/iife/CalendarRange.module-QWW624PJ.scss +0 -64
  20. package/dist/iife/CalendarSingle.module-N2P3DWLM.scss +0 -18
  21. package/dist/iife/Card.module-VEUOO2LT.scss +0 -38
  22. package/dist/iife/Collapsible.module-ZJNVWQIB.scss +0 -119
  23. package/dist/iife/CollapsibleGroup.module-UR2SIYLJ.scss +0 -10
  24. package/dist/iife/ConfirmationModal.module-RN2H7KPL.scss +0 -157
  25. package/dist/iife/Content.module-6CTLBAHR.scss +0 -25
  26. package/dist/iife/ContextModal.module-TTFVPUPU.scss +0 -77
  27. package/dist/iife/DateInput.module-YBXARKD2.scss +0 -3
  28. package/dist/iife/DateInputDescription.module-SGAJNB7K.scss +0 -19
  29. package/dist/iife/DateInputField.module-2LG4I24X.scss +0 -5
  30. package/dist/iife/DateInputWithIconButton.module-RSUEQ345.scss +0 -53
  31. package/dist/iife/DateRangePicker.module-EIUGUIIA.scss +0 -115
  32. package/dist/iife/Dropdown.module-4CIBZTRZ.scss +0 -100
  33. package/dist/iife/DropdownButton.module-WZ6FRRPS.scss +0 -44
  34. package/dist/iife/EditableRichTextContent.module-N2SFSI5C.scss +0 -25
  35. package/dist/iife/EmptyState.module-DOSURL5X.scss +0 -156
  36. package/dist/iife/ExpertAdviceCollapsible.module-L554JCXB.scss +0 -47
  37. package/dist/iife/FilterMenuButton.module-26EL5K3H.scss +0 -19
  38. package/dist/iife/FilterSplitButton.module-LMMEHFXQ.scss +0 -133
  39. package/dist/iife/FloatingCalendarWrapper.module-62NLSOUD.scss +0 -12
  40. package/dist/iife/GenericModal.module-DW6NSOGA.scss +0 -110
  41. package/dist/iife/GenericModalSection.module-MJ4MTMSP.scss +0 -7
  42. package/dist/iife/GenericNotification.module-DAERSOHE.scss +0 -115
  43. package/dist/iife/GenericTile.module-ZXQ4XWP4.scss +0 -136
  44. package/dist/iife/GuidanceBlock.module-FAHJFZMK.scss +0 -324
  45. package/dist/iife/HeroCard.module-LXHTKJTW.scss +0 -106
  46. package/dist/iife/InputEditModal.module-X3TLJPFO.scss +0 -36
  47. package/dist/iife/Layout.module-MZ6JYT46.scss +0 -58
  48. package/dist/iife/LikertScaleLegacy.module-JYCJ5CON.scss +0 -298
  49. package/dist/iife/LinkPopover-7NCAPCQ3.scss +0 -22
  50. package/dist/iife/MainActions.module-T43D33YO.scss +0 -16
  51. package/dist/iife/Menu.module-N76N74LN.scss +0 -111
  52. package/dist/iife/MenuDropdown.module-DYV6JLT6.scss +0 -26
  53. package/dist/iife/MenuItem.module-LD7ZYX4T.scss +0 -99
  54. package/dist/iife/MenuList.module-44RMG7CF.scss +0 -35
  55. package/dist/iife/MobileActions.module-Z6PD4VIR.scss +0 -198
  56. package/dist/iife/ModalAccessibleDescription.module-NIJNKHHO.scss +0 -3
  57. package/dist/iife/ModalAccessibleLabel.module-NG26HDU4.scss +0 -58
  58. package/dist/iife/ModalFooter.module-TK3HAXMB.scss +0 -69
  59. package/dist/iife/ModalHeader.module-6SW7KZ22.scss +0 -23
  60. package/dist/iife/MultiActionTile.module-4Y2NA4H6.scss +0 -3
  61. package/dist/iife/NavigationTabs.module-VDIXMFXJ.scss +0 -108
  62. package/dist/iife/Pagination.module-U5S6WZ5K.scss +0 -124
  63. package/dist/iife/Popover.module-5ZQUBHXG.scss +0 -264
  64. package/dist/iife/ProgressBar.module-RL2UWVEH.scss +0 -91
  65. package/dist/iife/RichTextContent.module-4HA44IM4.scss +0 -5
  66. package/dist/iife/RichTextEditor.module-ZHXEK4XJ.scss +0 -97
  67. package/dist/iife/RoadblockModal.module-KVZCYLF2.scss +0 -45
  68. package/dist/iife/Select.module-6LHWOGGY.scss +0 -391
  69. package/dist/iife/Skirt.module-S3GPHMMQ.scss +0 -32
  70. package/dist/iife/SkirtCard.module-6YQ4PS2K.scss +0 -16
  71. package/dist/iife/SplitButton.module-WMGCIDDK.scss +0 -4
  72. package/dist/iife/StatelessMenu.module-SX2T5P4I.scss +0 -3
  73. package/dist/iife/Table.module-LCDRXCBP.scss +0 -233
  74. package/dist/iife/Tabs.module-BUPNPYW4.scss +0 -172
  75. package/dist/iife/Tag.module-T6PQJLSW.scss +0 -268
  76. package/dist/iife/Text.module-SXGFOHGJ.scss +0 -173
  77. package/dist/iife/TileGrid.module-NJQFVYRS.scss +0 -23
  78. package/dist/iife/TimeField.module-B4WNYAUE.scss +0 -75
  79. package/dist/iife/TimeSegment.module-TKOTKIXH.scss +0 -53
  80. package/dist/iife/TitleBlockMenuItem.module-LWVSMJTH.scss +0 -99
  81. package/dist/iife/TitleBlockZen.module-OK3QIC4Y.scss +0 -695
  82. package/dist/iife/ToastNotificationsList.module-EHDVGWDW.scss +0 -26
  83. package/dist/iife/ToggleIconButton.module-COM67MDC.scss +0 -132
  84. package/dist/iife/Toolbar.module-3BZYZE6H.scss +0 -44
  85. package/dist/iife/Toolbar.module-BP3GTBGW.scss +0 -6
  86. package/dist/iife/ToolbarSection.module-LZTHWGO7.scss +0 -15
  87. package/dist/iife/Well.module-4TIRC3HQ.scss +0 -73
  88. package/dist/iife/add-link.icon-2JH25LOT.svg +0 -3
  89. package/dist/iife/arrow-left.icon-RWWYLDT3.svg +0 -17
  90. package/dist/iife/arrow-right.icon-3ZGNCW3O.svg +0 -17
  91. package/dist/iife/bold.icon-FEZQ56AP.svg +0 -3
  92. package/dist/iife/bulletted-list.icon-ZDSXNO72.svg +0 -3
  93. package/dist/iife/caution.icon-BHBJMNMA.svg +0 -1
  94. package/dist/iife/clear-white.icon-O3ZK5Z2K.svg +0 -18
  95. package/dist/iife/close.icon-7H6W45MB.svg +0 -1
  96. package/dist/iife/date-start.icon-NV4EVRXI.svg +0 -17
  97. package/dist/iife/decrease-indent.icon-VAYQUHQG.svg +0 -3
  98. package/dist/iife/edit.icon-YJ4EIXHJ.svg +0 -17
  99. package/dist/iife/ellipsis.icon-DECY5OPU.svg +0 -17
  100. package/dist/iife/exclamation.icon-FJBHW7NP.svg +0 -17
  101. package/dist/iife/external-link.icon-7FNRTMN2.svg +0 -17
  102. package/dist/iife/hamburger.icon-YHQT7RB6.svg +0 -17
  103. package/dist/iife/increase-indent.icon-3XUPJEBD.svg +0 -3
  104. package/dist/iife/information-white.icon-3DXZDERC.svg +0 -19
  105. package/dist/iife/information.icon-5LHKLG66.svg +0 -17
  106. package/dist/iife/italics.icon-WWQDZP3S.svg +0 -3
  107. package/dist/iife/meatballs.icon-DECY5OPU.svg +0 -17
  108. package/dist/iife/numbered-list.icon-WPE4LE5R.svg +0 -3
  109. package/dist/iife/remove-link.icon-QMFTP7WO.svg +0 -3
  110. package/dist/iife/sort-ascending.icon-E24DTSHO.svg +0 -17
  111. package/dist/iife/sort-descending.icon-4SMPW2PG.svg +0 -17
  112. package/dist/iife/success-white.icon-VXFA2PUU.svg +0 -18
  113. package/dist/iife/underline.icon-ACYVVVSD.svg +0 -3
  114. package/dist/iife/user.icon-24JPACDP.svg +0 -17
  115. package/dist/styles.css +0 -98
package/dist/index.d.ts CHANGED
@@ -3,47 +3,7 @@ export { T as ThemeContext, a as ThemeProvider, u as useTheme } from './ThemePro
3
3
  export { ThemeManager } from './KaizenProvider/ThemeProvider/ThemeManager.js';
4
4
  export { defaultTheme } from './KaizenProvider/ThemeProvider/themes/index.js';
5
5
  export * from '@kaizen/a11y';
6
- export * from '@kaizen/brand';
7
- export * from '@kaizen/brand-moment';
8
- export * from '@kaizen/button';
9
- export * from '@kaizen/component-base';
10
- export { Box, Icon, Spacing } from '@kaizen/component-library';
11
- export * from '@kaizen/date-picker';
12
- export * from '@kaizen/draft-avatar';
13
- export * from '@kaizen/draft-badge';
14
- export * from '@kaizen/draft-card';
15
- export * from '@kaizen/draft-collapsible';
16
- export * from '@kaizen/draft-divider';
17
- export * from '@kaizen/draft-empty-state';
18
- export * from '@kaizen/draft-filter-menu-button';
19
- export * from '@kaizen/draft-form';
20
- export * from '@kaizen/draft-guidance-block';
21
- export * from '@kaizen/draft-hero-card';
22
- export * from '@kaizen/draft-illustration';
23
- export * from '@kaizen/draft-likert-scale-legacy';
24
- export * from '@kaizen/draft-menu';
25
- export * from '@kaizen/draft-modal';
26
- export * from '@kaizen/draft-page-layout';
27
- export * from '@kaizen/draft-popover';
28
- export * from '@kaizen/draft-table';
29
- export * from '@kaizen/draft-tabs';
30
- export * from '@kaizen/draft-tag';
31
- export * from '@kaizen/draft-tile';
32
- export * from '@kaizen/draft-title-block-zen';
33
- export * from '@kaizen/draft-tooltip';
34
- export * from '@kaizen/draft-well';
35
- export * from '@kaizen/hosted-assets';
36
- export * from '@kaizen/loading-skeleton';
37
- export * from '@kaizen/loading-spinner';
38
- export * from '@kaizen/notification';
39
- export * from '@kaizen/pagination';
40
- export * from '@kaizen/progress-bar';
41
- export * from '@kaizen/responsive';
42
- export * from '@kaizen/rich-text-editor';
43
- export * from '@kaizen/split-button';
44
- export * from '@kaizen/typography';
45
- export { makeCSSVariableTheme, makeCssVariableDefinitionsMap, mapLeafsOfObject } from '@kaizen/design-tokens';
46
- export { AsyncSelect, Select, ValueType as SelectValueType } from '@kaizen/draft-select';
47
6
  export { default as heartTheme } from './KaizenProvider/ThemeProvider/themes/heart.js';
48
7
  export { CSSVariableTheme, DeepMapObjectLeafs, Theme, ThemeKey, TypographyFont } from './KaizenProvider/ThemeProvider/themes/types.js';
49
8
  import 'react';
9
+ import '@kaizen/design-tokens';
package/dist/index.js CHANGED
@@ -19,65 +19,12 @@ var _chunk7T4E5A7Mjs = require('./chunk-7T4E5A7M.js');
19
19
 
20
20
  // src/index.ts
21
21
  var _a11y = require('@kaizen/a11y'); _createStarExport(_a11y);
22
- var _brand = require('@kaizen/brand'); _createStarExport(_brand);
23
- var _brandmoment = require('@kaizen/brand-moment'); _createStarExport(_brandmoment);
24
- var _button = require('@kaizen/button'); _createStarExport(_button);
25
- var _componentbase = require('@kaizen/component-base'); _createStarExport(_componentbase);
26
- var _componentlibrary = require('@kaizen/component-library');
27
- var _datepicker = require('@kaizen/date-picker'); _createStarExport(_datepicker);
28
- var _draftavatar = require('@kaizen/draft-avatar'); _createStarExport(_draftavatar);
29
- var _draftbadge = require('@kaizen/draft-badge'); _createStarExport(_draftbadge);
30
- var _draftcard = require('@kaizen/draft-card'); _createStarExport(_draftcard);
31
- var _draftcollapsible = require('@kaizen/draft-collapsible'); _createStarExport(_draftcollapsible);
32
- var _draftdivider = require('@kaizen/draft-divider'); _createStarExport(_draftdivider);
33
- var _draftemptystate = require('@kaizen/draft-empty-state'); _createStarExport(_draftemptystate);
34
- var _draftfiltermenubutton = require('@kaizen/draft-filter-menu-button'); _createStarExport(_draftfiltermenubutton);
35
- var _draftform = require('@kaizen/draft-form'); _createStarExport(_draftform);
36
- var _draftguidanceblock = require('@kaizen/draft-guidance-block'); _createStarExport(_draftguidanceblock);
37
- var _draftherocard = require('@kaizen/draft-hero-card'); _createStarExport(_draftherocard);
38
- var _draftillustration = require('@kaizen/draft-illustration'); _createStarExport(_draftillustration);
39
- var _draftlikertscalelegacy = require('@kaizen/draft-likert-scale-legacy'); _createStarExport(_draftlikertscalelegacy);
40
- var _draftmenu = require('@kaizen/draft-menu'); _createStarExport(_draftmenu);
41
- var _draftmodal = require('@kaizen/draft-modal'); _createStarExport(_draftmodal);
42
- var _draftpagelayout = require('@kaizen/draft-page-layout'); _createStarExport(_draftpagelayout);
43
- var _draftpopover = require('@kaizen/draft-popover'); _createStarExport(_draftpopover);
44
- var _drafttable = require('@kaizen/draft-table'); _createStarExport(_drafttable);
45
- var _drafttabs = require('@kaizen/draft-tabs'); _createStarExport(_drafttabs);
46
- var _drafttag = require('@kaizen/draft-tag'); _createStarExport(_drafttag);
47
- var _drafttile = require('@kaizen/draft-tile'); _createStarExport(_drafttile);
48
- var _drafttitleblockzen = require('@kaizen/draft-title-block-zen'); _createStarExport(_drafttitleblockzen);
49
- var _drafttooltip = require('@kaizen/draft-tooltip'); _createStarExport(_drafttooltip);
50
- var _draftwell = require('@kaizen/draft-well'); _createStarExport(_draftwell);
51
- var _hostedassets = require('@kaizen/hosted-assets'); _createStarExport(_hostedassets);
52
- var _loadingskeleton = require('@kaizen/loading-skeleton'); _createStarExport(_loadingskeleton);
53
- var _loadingspinner = require('@kaizen/loading-spinner'); _createStarExport(_loadingspinner);
54
- var _notification = require('@kaizen/notification'); _createStarExport(_notification);
55
- var _pagination = require('@kaizen/pagination'); _createStarExport(_pagination);
56
- var _progressbar = require('@kaizen/progress-bar'); _createStarExport(_progressbar);
57
- var _responsive = require('@kaizen/responsive'); _createStarExport(_responsive);
58
- var _richtexteditor = require('@kaizen/rich-text-editor'); _createStarExport(_richtexteditor);
59
- var _splitbutton = require('@kaizen/split-button'); _createStarExport(_splitbutton);
60
- var _typography = require('@kaizen/typography'); _createStarExport(_typography);
61
22
 
62
23
 
63
24
 
64
25
 
65
- var _designtokens = require('@kaizen/design-tokens');
66
- var _draftselect = require('@kaizen/draft-select');
67
26
 
68
27
 
69
28
 
70
29
 
71
-
72
-
73
-
74
-
75
-
76
-
77
-
78
-
79
-
80
-
81
-
82
-
83
- exports.AsyncSelect = _draftselect.AsyncSelect; exports.Box = _componentlibrary.Box; exports.Icon = _componentlibrary.Icon; exports.KaizenProvider = _chunk7ZAJ7755js.KaizenProvider; exports.Select = _draftselect.Select; exports.Spacing = _componentlibrary.Spacing; exports.ThemeContext = _chunkMXW3YHBEjs.ThemeContext; exports.ThemeManager = _chunkJ42JQYBYjs.ThemeManager; exports.ThemeProvider = _chunkMXW3YHBEjs.ThemeProvider; exports.defaultTheme = _chunkWDAFEOSVjs.defaultTheme; exports.heartTheme = _chunk7T4E5A7Mjs.heartTheme; exports.makeCSSVariableTheme = _designtokens.makeCSSVariableTheme; exports.makeCssVariableDefinitionsMap = _designtokens.makeCssVariableDefinitionsMap; exports.mapLeafsOfObject = _designtokens.mapLeafsOfObject; exports.useTheme = _chunkMXW3YHBEjs.useTheme;
30
+ exports.KaizenProvider = _chunk7ZAJ7755js.KaizenProvider; exports.ThemeContext = _chunkMXW3YHBEjs.ThemeContext; exports.ThemeManager = _chunkJ42JQYBYjs.ThemeManager; exports.ThemeProvider = _chunkMXW3YHBEjs.ThemeProvider; exports.defaultTheme = _chunkWDAFEOSVjs.defaultTheme; exports.heartTheme = _chunk7T4E5A7Mjs.heartTheme; exports.useTheme = _chunkMXW3YHBEjs.useTheme;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kaizen/components",
3
- "version": "1.4.20",
3
+ "version": "1.4.22-canary.0+95edeaebc",
4
4
  "description": "Kaizen component library",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -28,49 +28,49 @@
28
28
  },
29
29
  "homepage": "https://github.com/cultureamp/kaizen-design-system#readme",
30
30
  "dependencies": {
31
- "@kaizen/a11y": "^1.6.25",
31
+ "@kaizen/a11y": "^1.7.0",
32
32
  "@kaizen/brand": "^1.5.4",
33
- "@kaizen/brand-moment": "^1.12.64",
34
- "@kaizen/button": "^2.0.20",
33
+ "@kaizen/brand-moment": "^1.12.65",
34
+ "@kaizen/button": "^2.0.21",
35
35
  "@kaizen/component-base": "^1.1.3",
36
- "@kaizen/component-library": "^16.3.2",
37
- "@kaizen/date-picker": "^5.19.1",
36
+ "@kaizen/component-library": "^16.4.0",
37
+ "@kaizen/date-picker": "^5.19.2",
38
38
  "@kaizen/design-tokens": "^10.3.1",
39
- "@kaizen/draft-avatar": "^2.8.26",
39
+ "@kaizen/draft-avatar": "^2.8.27",
40
40
  "@kaizen/draft-badge": "^1.13.6",
41
41
  "@kaizen/draft-card": "^3.2.6",
42
- "@kaizen/draft-collapsible": "^3.5.19",
42
+ "@kaizen/draft-collapsible": "^3.5.20",
43
43
  "@kaizen/draft-divider": "^2.2.6",
44
- "@kaizen/draft-empty-state": "^5.3.26",
45
- "@kaizen/draft-filter-menu-button": "^2.6.32",
46
- "@kaizen/draft-form": "^10.3.0",
47
- "@kaizen/draft-guidance-block": "^6.1.15",
44
+ "@kaizen/draft-empty-state": "^5.3.27",
45
+ "@kaizen/draft-filter-menu-button": "^2.6.33",
46
+ "@kaizen/draft-form": "^10.3.1",
47
+ "@kaizen/draft-guidance-block": "^6.1.16",
48
48
  "@kaizen/draft-hero-card": "^2.2.15",
49
- "@kaizen/draft-illustration": "^6.0.17",
50
- "@kaizen/draft-likert-scale-legacy": "^1.10.40",
51
- "@kaizen/draft-menu": "^4.8.31",
52
- "@kaizen/draft-modal": "^10.6.1",
49
+ "@kaizen/draft-illustration": "^6.0.18",
50
+ "@kaizen/draft-likert-scale-legacy": "^1.10.41",
51
+ "@kaizen/draft-menu": "^4.8.32",
52
+ "@kaizen/draft-modal": "^10.6.2",
53
53
  "@kaizen/draft-page-layout": "^2.3.7",
54
- "@kaizen/draft-popover": "^5.3.0",
55
- "@kaizen/draft-select": "^2.10.21",
56
- "@kaizen/draft-table": "^5.6.16",
57
- "@kaizen/draft-tabs": "^5.2.26",
58
- "@kaizen/draft-tag": "^3.4.0",
59
- "@kaizen/draft-tile": "^5.9.26",
60
- "@kaizen/draft-title-block-zen": "^7.9.6",
61
- "@kaizen/draft-tooltip": "^5.4.28",
54
+ "@kaizen/draft-popover": "^5.3.1",
55
+ "@kaizen/draft-select": "^2.10.22",
56
+ "@kaizen/draft-table": "^5.6.17",
57
+ "@kaizen/draft-tabs": "^5.2.27",
58
+ "@kaizen/draft-tag": "^3.4.1",
59
+ "@kaizen/draft-tile": "^5.9.27",
60
+ "@kaizen/draft-title-block-zen": "^7.9.7",
61
+ "@kaizen/draft-tooltip": "^5.4.29",
62
62
  "@kaizen/draft-well": "^4.3.3",
63
63
  "@kaizen/hosted-assets": "^2.0.1",
64
64
  "@kaizen/loading-skeleton": "^2.0.2",
65
65
  "@kaizen/loading-spinner": "^2.3.6",
66
- "@kaizen/notification": "^1.4.0",
67
- "@kaizen/pagination": "^1.6.26",
68
- "@kaizen/progress-bar": "^2.3.19",
66
+ "@kaizen/notification": "^1.4.1",
67
+ "@kaizen/pagination": "^1.6.27",
68
+ "@kaizen/progress-bar": "^2.3.20",
69
69
  "@kaizen/responsive": "^1.8.5",
70
- "@kaizen/rich-text-editor": "^1.19.30",
71
- "@kaizen/select": "^6.13.7",
72
- "@kaizen/split-button": "^1.3.33",
73
- "@kaizen/tabs": "^1.5.30",
70
+ "@kaizen/rich-text-editor": "^1.19.31",
71
+ "@kaizen/select": "^6.13.8",
72
+ "@kaizen/split-button": "^1.3.34",
73
+ "@kaizen/tabs": "^1.5.31",
74
74
  "@kaizen/tailwind": "^0.5.1",
75
75
  "@kaizen/typography": "^2.3.6",
76
76
  "classnames": "^2.3.2"
@@ -85,5 +85,5 @@
85
85
  "peerDependencies": {
86
86
  "react": "^16.14.0 || ^17.0.0 || ^18.0.0"
87
87
  },
88
- "gitHead": "32a5de7399de494216aad70c0eb25457768fe42e"
88
+ "gitHead": "95edeaebc7e483222b1dc1cc52ab2e04723e2abe"
89
89
  }
@@ -1,10 +0,0 @@
1
- @import "~@kaizen/design-tokens/sass/border";
2
- @import "../variables";
3
-
4
- .actionButton {
5
- border-radius: $border-solid-border-radius 0 0 $border-solid-border-radius;
6
-
7
- [dir="rtl"] & {
8
- border-radius: 0 $border-solid-border-radius $border-solid-border-radius 0;
9
- }
10
- }
@@ -1,165 +0,0 @@
1
- @import "~@kaizen/design-tokens/sass/typography";
2
- @import "~@kaizen/design-tokens/sass/shadow";
3
- @import "~@kaizen/design-tokens/sass/color";
4
- @import "~@kaizen/design-tokens/sass/border";
5
-
6
- $avatar-sm: 1.25rem;
7
- $avatar-md: 3rem;
8
- $avatar-lg: 4.5rem;
9
- $avatar-xl: 6rem;
10
- $avatar-xxl: 7.75rem;
11
-
12
- .wrapper {
13
- background: $color-gray-300;
14
- border-radius: 100%;
15
- box-sizing: border-box;
16
- overflow: hidden;
17
- align-items: center;
18
- display: flex;
19
- justify-content: center;
20
-
21
- &:not(.small) {
22
- box-shadow: $shadow-small-box-shadow;
23
- border: 3px solid $color-white;
24
- }
25
-
26
- // Themes
27
- &.personal {
28
- background: $color-orange-100;
29
- }
30
-
31
- &.otherUser {
32
- background: $color-gray-300;
33
- }
34
-
35
- &.company {
36
- border: 0px;
37
- background: $color-white;
38
- padding: 6px;
39
- border-radius: $border-solid-border-radius;
40
- }
41
-
42
- // Sizes
43
-
44
- &.small {
45
- width: $avatar-sm;
46
- height: $avatar-sm;
47
-
48
- .initials {
49
- margin-bottom: -1px;
50
- }
51
-
52
- &.company {
53
- padding: 0;
54
- }
55
- }
56
-
57
- &.medium {
58
- width: $avatar-md;
59
- height: $avatar-md;
60
-
61
- .initials {
62
- margin-bottom: -1px;
63
- }
64
- }
65
-
66
- &.large {
67
- width: $avatar-lg;
68
- height: $avatar-lg;
69
- }
70
-
71
- &.xlarge {
72
- width: $avatar-xl;
73
- height: $avatar-xl;
74
- }
75
-
76
- &.xxlarge {
77
- width: $avatar-xxl;
78
- height: $avatar-xxl;
79
- }
80
-
81
- & .initials {
82
- text-decoration: none;
83
- speak-as: spell-out;
84
-
85
- // to override materialize.css global styling in performance-ui,
86
- // which sets a border-bottom on abbr tags
87
- border-bottom: none;
88
- }
89
- }
90
-
91
- .avatarImage {
92
- .loading & {
93
- display: none;
94
- }
95
- width: 100%;
96
- height: 100%;
97
- object-fit: cover;
98
- }
99
-
100
- .companyAvatarImage {
101
- object-fit: contain;
102
- box-sizing: border-box;
103
- border-radius: 4px;
104
- }
105
-
106
- .fallbackIcon {
107
- color: rgba($color-purple-800-rgb, 0.7);
108
- width: 28px;
109
-
110
- .xxlarge & {
111
- width: 75px;
112
- }
113
- .xlarge & {
114
- width: 60px;
115
- }
116
- .large & {
117
- width: 35px;
118
- }
119
- .medium & {
120
- width: 25px;
121
- margin-bottom: -1px;
122
- }
123
- .small & {
124
- width: 10px;
125
- margin-bottom: -1px;
126
- }
127
- }
128
-
129
- .initials {
130
- box-sizing: border-box;
131
- color: $color-purple-800;
132
- padding-left: 5px;
133
- padding-right: 5px;
134
- text-align: center;
135
- width: 100%;
136
- font-size: 22px;
137
- font-family: $typography-heading-1-font-family;
138
- font-weight: $typography-heading-1-font-weight;
139
- letter-spacing: $typography-heading-3-letter-spacing;
140
-
141
- // Whitespace cropping
142
- &:not(.longName)::before {
143
- content: "";
144
- display: block;
145
- margin-top: -0.001em;
146
- }
147
-
148
- .xlarge &,
149
- .xxlarge & {
150
- font-size: 34px;
151
- letter-spacing: $typography-heading-1-letter-spacing;
152
- }
153
-
154
- .medium & {
155
- font-size: 16px;
156
- font-weight: $typography-heading-5-font-weight;
157
- letter-spacing: $typography-heading-5-letter-spacing;
158
- }
159
-
160
- .small & {
161
- font-size: 8px;
162
- font-weight: $typography-heading-5-font-weight;
163
- letter-spacing: $typography-heading-5-letter-spacing;
164
- }
165
- }
@@ -1,85 +0,0 @@
1
- @import "~@kaizen/design-tokens/sass/typography";
2
- @import "~@kaizen/design-tokens/sass/shadow";
3
- @import "~@kaizen/design-tokens/sass/color";
4
-
5
- // Vars
6
- $avatar-sm: 1.25rem;
7
- $avatar-md: 3rem;
8
- $avatar-lg: 4.5rem;
9
-
10
- @mixin overlap($size) {
11
- margin-inline-start: calc(#{$size} / -2);
12
-
13
- [dir="rtl"] & {
14
- margin-left: 0;
15
- }
16
- }
17
-
18
- .AvatarGroup {
19
- display: inline-flex;
20
- list-style: none;
21
- margin: 0;
22
- padding: 0;
23
- }
24
-
25
- .AvatarGroupItem {
26
- + .AvatarGroupItem {
27
- .small & {
28
- @include overlap($avatar-sm);
29
- }
30
-
31
- .medium & {
32
- @include overlap($avatar-md);
33
- }
34
-
35
- .large & {
36
- @include overlap($avatar-lg);
37
- }
38
- }
39
- }
40
-
41
- .AvatarCounter {
42
- align-items: center;
43
- background: $color-gray-300;
44
- border: 3px solid $color-white;
45
- border-radius: 100%;
46
- box-sizing: border-box;
47
- box-shadow: $shadow-small-box-shadow;
48
- display: flex;
49
- justify-content: center;
50
- overflow: hidden;
51
-
52
- .small & {
53
- box-shadow: none;
54
- border: none;
55
- width: $avatar-sm;
56
- height: $avatar-sm;
57
- font-family: $typography-heading-5-font-family;
58
- font-size: 0.5rem;
59
- font-weight: $typography-heading-5-font-weight;
60
- letter-spacing: $typography-heading-5-letter-spacing;
61
- }
62
-
63
- .medium & {
64
- width: $avatar-md;
65
- height: $avatar-md;
66
- font-family: $typography-heading-5-font-family;
67
- font-size: $typography-heading-5-font-size;
68
- font-weight: $typography-heading-5-font-weight;
69
- letter-spacing: $typography-heading-5-letter-spacing;
70
- }
71
-
72
- .large & {
73
- width: $avatar-lg;
74
- height: $avatar-lg;
75
- font-family: $typography-heading-3-font-family;
76
- font-size: $typography-heading-3-font-size;
77
- font-weight: $typography-heading-3-font-weight;
78
- letter-spacing: $typography-heading-3-letter-spacing;
79
- }
80
-
81
- [dir="rtl"] & {
82
- margin-left: 0;
83
- direction: ltr;
84
- }
85
- }
@@ -1,80 +0,0 @@
1
- .wrapper {
2
- width: 100%;
3
- margin: 0;
4
- }
5
-
6
- .aspectRatioWrapper {
7
- margin: 0;
8
- display: flex;
9
- align-items: center;
10
- }
11
-
12
- .landscape {
13
- aspect-ratio: 4/3;
14
-
15
- @supports not (aspect-ratio: auto) {
16
- &::before {
17
- float: left;
18
- padding-top: 75%;
19
- content: "";
20
- }
21
-
22
- &::after {
23
- display: block;
24
- content: "";
25
- clear: both;
26
- }
27
- }
28
- }
29
-
30
- .portrait {
31
- aspect-ratio: 3/4;
32
-
33
- @supports not (aspect-ratio: auto) {
34
- &::before {
35
- float: left;
36
- padding-top: 133.33%;
37
- content: "";
38
- }
39
-
40
- &::after {
41
- display: block;
42
- content: "";
43
- clear: both;
44
- }
45
- }
46
- }
47
-
48
- .square {
49
- aspect-ratio: auto 1/1;
50
-
51
- @supports not (aspect-ratio: auto) {
52
- &::before {
53
- float: left;
54
- padding-top: 100%;
55
- content: "";
56
- }
57
-
58
- &::after {
59
- display: block;
60
- content: "";
61
- clear: both;
62
- }
63
- }
64
- }
65
-
66
- // If the .visually-hidden class is applied to natively focusable elements
67
- // (such as a, button, input, etc) they must become visible when they receive
68
- // keyboard focus. Otherwise, a sighted keyboard user would have to try and
69
- // figure out where their visible focus indicator had gone to.
70
- .visuallyHidden:not(:focus):not(:active) {
71
- clip: rect(0, 0, 0, 0);
72
- clip-path: inset(50%);
73
- position: absolute;
74
- width: 1px;
75
- height: 1px;
76
- padding: 0;
77
- overflow: hidden;
78
- white-space: nowrap;
79
- border: 0;
80
- }
@@ -1,103 +0,0 @@
1
- @import "~@kaizen/design-tokens/sass/border";
2
- @import "~@kaizen/design-tokens/sass/color";
3
- @import "~@kaizen/design-tokens/sass/spacing";
4
- @import "~@kaizen/design-tokens/sass/typography";
5
- @import "../variables";
6
-
7
- .baseButton {
8
- border-width: $border-solid-border-width;
9
- border-style: $border-solid-border-style;
10
- padding: calc(#{$spacing-sm} - #{$border-borderless-border-width})
11
- calc(#{$spacing-md} - #{$border-borderless-border-width});
12
-
13
- font-family: $typography-button-primary-font-family;
14
- font-weight: $typography-button-primary-font-weight;
15
- letter-spacing: $typography-button-primary-letter-spacing;
16
- font-size: $typography-button-primary-font-size;
17
- line-height: $typography-button-primary-line-height;
18
- text-decoration: unset;
19
- cursor: default;
20
- white-space: nowrap;
21
-
22
- &:not(:disabled) {
23
- &:hover,
24
- &#{$story-className--hover},
25
- &:active,
26
- &#{$story-className--active} {
27
- z-index: 2;
28
- text-decoration: unset; // override Murmur global styles :(
29
- }
30
-
31
- &:active,
32
- &#{$story-className--active} {
33
- transform: translateY(1px);
34
- }
35
-
36
- &:focus-visible,
37
- &#{$polyfill--focus-visible},
38
- &#{$story-className__focus} {
39
- z-index: 3;
40
- outline-width: $border-solid-border-width;
41
- outline-style: $border-solid-border-style;
42
- outline-offset: 1px;
43
- }
44
- }
45
-
46
- &:disabled {
47
- opacity: 0.3;
48
- }
49
- }
50
-
51
- .themeDefault {
52
- $default-text-color: $color-purple-800;
53
- background-color: $color-white;
54
- border-color: $color-gray-500;
55
- color: $default-text-color;
56
-
57
- &:not(:disabled) {
58
- &:hover,
59
- &#{$story-className--hover},
60
- &:active,
61
- &#{$story-className--active},
62
- &:focus-visible,
63
- &#{$polyfill--focus-visible},
64
- &#{$story-className__focus} {
65
- background-color: $color-gray-200;
66
- border-color: $color-gray-600;
67
- color: $default-text-color; // override Murmur global styles :(
68
- }
69
-
70
- &:focus-visible,
71
- &#{$polyfill--focus-visible},
72
- &#{$story-className__focus} {
73
- outline-color: $color-blue-500;
74
- }
75
- }
76
- }
77
-
78
- .themeReversed {
79
- $reversed-text-color: $color-white;
80
- background-color: transparent;
81
- border-color: rgba($color-white-rgb, 0.65);
82
- color: $reversed-text-color;
83
-
84
- &:not(:disabled) {
85
- &:hover,
86
- &#{$story-className--hover},
87
- &:active,
88
- &#{$story-className--active},
89
- &:focus-visible,
90
- &#{$polyfill--focus-visible},
91
- &#{$story-className__focus} {
92
- background-color: rgba($color-white-rgb, 0.1);
93
- border-color: $color-white;
94
- color: $reversed-text-color; // override Murmur global styles :(
95
- }
96
-
97
- &:focus-visible,
98
- &#{$polyfill--focus-visible},
99
- &#{$story-className__focus} {
100
- outline-color: $color-blue-300;
101
- }
102
- }
103
- }
@@ -1,4 +0,0 @@
1
- .img {
2
- max-inline-size: 100%;
3
- display: flex;
4
- }