pixelize-design-library 2.3.22 → 2.3.25

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 (190) hide show
  1. package/dist/Assets/defaultLogo.tsx +30 -0
  2. package/dist/Components/Accordion/accordionColors.d.ts +6 -0
  3. package/dist/Components/Accordion/accordionColors.d.ts.map +1 -0
  4. package/dist/Components/Accordion/accordionColors.js +20 -0
  5. package/dist/Components/Editor/joditThemeVars.d.ts +21 -0
  6. package/dist/Components/Editor/joditThemeVars.d.ts.map +1 -0
  7. package/dist/Components/Editor/joditThemeVars.js +70 -0
  8. package/dist/Components/FilterSidebar/filterHoverStyle.d.ts +12 -0
  9. package/dist/Components/FilterSidebar/filterHoverStyle.d.ts.map +1 -0
  10. package/dist/Components/FilterSidebar/filterHoverStyle.js +14 -0
  11. package/dist/Components/OrganizationDetails/CreateOrgModal.js +6 -4
  12. package/dist/Components/OrganizationDetails/OrganizationDetails.d.ts.map +1 -1
  13. package/dist/Components/OrganizationDetails/OrganizationDetails.js +55 -7
  14. package/dist/Components/OrganizationDetails/OrganizationDetailsProps.d.ts +24 -14
  15. package/dist/Components/OrganizationDetails/OrganizationDetailsProps.d.ts.map +1 -1
  16. package/dist/Components/SelectV2/SelectV2.d.ts +3 -0
  17. package/dist/Components/SelectV2/SelectV2.d.ts.map +1 -0
  18. package/dist/Components/SelectV2/SelectV2.js +185 -0
  19. package/dist/Components/SelectV2/SelectV2Props.d.ts +67 -0
  20. package/dist/Components/SelectV2/SelectV2Props.d.ts.map +1 -0
  21. package/dist/Components/SelectV2/SelectV2Props.js +2 -0
  22. package/dist/Components/SideBar/sidebarAccentColors.d.ts +21 -0
  23. package/dist/Components/SideBar/sidebarAccentColors.d.ts.map +1 -0
  24. package/dist/Components/SideBar/sidebarAccentColors.js +36 -0
  25. package/dist/Components/Table/components/tableRowHoverStyle.d.ts +13 -0
  26. package/dist/Components/Table/components/tableRowHoverStyle.d.ts.map +1 -0
  27. package/dist/Components/Table/components/tableRowHoverStyle.js +26 -0
  28. package/dist/Theme/chakra/Avatar.styles.d.ts +33 -0
  29. package/dist/Theme/chakra/Avatar.styles.d.ts.map +1 -0
  30. package/dist/Theme/chakra/Avatar.styles.js +28 -0
  31. package/dist/Theme/chakra/Drawer.styles.d.ts +32 -0
  32. package/dist/Theme/chakra/Drawer.styles.d.ts.map +1 -0
  33. package/dist/Theme/chakra/Drawer.styles.js +26 -0
  34. package/dist/Theme/chakra/Menu.styles.d.ts +70 -0
  35. package/dist/Theme/chakra/Menu.styles.d.ts.map +1 -0
  36. package/dist/Theme/chakra/Menu.styles.js +50 -0
  37. package/dist/Theme/chakra/Modal.styles.d.ts +32 -0
  38. package/dist/Theme/chakra/Modal.styles.d.ts.map +1 -0
  39. package/dist/Theme/chakra/Modal.styles.js +26 -0
  40. package/dist/Theme/chakra/Popover.styles.d.ts +37 -0
  41. package/dist/Theme/chakra/Popover.styles.d.ts.map +1 -0
  42. package/dist/Theme/chakra/Popover.styles.js +30 -0
  43. package/dist/Theme/chakra/Slider.styles.d.ts +31 -0
  44. package/dist/Theme/chakra/Slider.styles.d.ts.map +1 -0
  45. package/dist/Theme/chakra/Slider.styles.js +25 -0
  46. package/dist/Theme/chakra/Switch.styles.d.ts +31 -0
  47. package/dist/Theme/chakra/Switch.styles.d.ts.map +1 -0
  48. package/dist/Theme/chakra/Switch.styles.js +24 -0
  49. package/dist/Theme/chakra/Tabs.styles.d.ts +43 -0
  50. package/dist/Theme/chakra/Tabs.styles.d.ts.map +1 -0
  51. package/dist/Theme/chakra/Tabs.styles.js +41 -0
  52. package/dist/Theme/chakra/common.web.d.ts +171 -0
  53. package/dist/Theme/chakra/common.web.d.ts.map +1 -0
  54. package/dist/Theme/chakra/common.web.js +21 -0
  55. package/dist/Theme/chakra/componentStyles.d.ts +240 -0
  56. package/dist/Theme/chakra/componentStyles.d.ts.map +1 -0
  57. package/dist/Theme/chakra/componentStyles.js +150 -0
  58. package/dist/Theme/chakra/createBrandTheme.d.ts +18 -0
  59. package/dist/Theme/chakra/createBrandTheme.d.ts.map +1 -0
  60. package/dist/Theme/chakra/createBrandTheme.js +78 -0
  61. package/dist/Theme/chakra/fonts.web.d.ts +42 -0
  62. package/dist/Theme/chakra/fonts.web.d.ts.map +1 -0
  63. package/dist/Theme/chakra/fonts.web.js +15 -0
  64. package/dist/Theme/provider/PixelizeThemeProvider.d.ts +46 -0
  65. package/dist/Theme/provider/PixelizeThemeProvider.d.ts.map +1 -0
  66. package/dist/Theme/provider/PixelizeThemeProvider.js +124 -0
  67. package/dist/Theme/provider/ThemeSwitcher.d.ts +8 -0
  68. package/dist/Theme/provider/ThemeSwitcher.d.ts.map +1 -0
  69. package/dist/Theme/provider/ThemeSwitcher.js +111 -0
  70. package/dist/Theme/provider/colorModeStorage.d.ts +10 -0
  71. package/dist/Theme/provider/colorModeStorage.d.ts.map +1 -0
  72. package/dist/Theme/provider/colorModeStorage.js +106 -0
  73. package/dist/Theme/provider/index.d.ts +6 -0
  74. package/dist/Theme/provider/index.d.ts.map +1 -0
  75. package/dist/Theme/provider/index.js +9 -0
  76. package/dist/Theme/provider/useThemeMode.d.ts +3 -0
  77. package/dist/Theme/provider/useThemeMode.d.ts.map +1 -0
  78. package/dist/Theme/provider/useThemeMode.js +13 -0
  79. package/dist/Theme/tokens/brands/emerald/palette.dark.d.ts +7 -0
  80. package/dist/Theme/tokens/brands/emerald/palette.dark.d.ts.map +1 -0
  81. package/dist/Theme/tokens/brands/emerald/palette.dark.js +13 -0
  82. package/dist/Theme/tokens/brands/emerald/palette.light.d.ts +375 -0
  83. package/dist/Theme/tokens/brands/emerald/palette.light.d.ts.map +1 -0
  84. package/dist/Theme/tokens/brands/emerald/palette.light.js +135 -0
  85. package/dist/Theme/tokens/brands/index.d.ts +28 -0
  86. package/dist/Theme/tokens/brands/index.d.ts.map +1 -0
  87. package/dist/Theme/tokens/brands/index.js +93 -0
  88. package/dist/Theme/tokens/brands/lavender/palette.dark.d.ts +7 -0
  89. package/dist/Theme/tokens/brands/lavender/palette.dark.d.ts.map +1 -0
  90. package/dist/Theme/tokens/brands/lavender/palette.dark.js +13 -0
  91. package/dist/Theme/tokens/brands/lavender/palette.light.d.ts +375 -0
  92. package/dist/Theme/tokens/brands/lavender/palette.light.d.ts.map +1 -0
  93. package/dist/Theme/tokens/brands/lavender/palette.light.js +316 -0
  94. package/dist/Theme/tokens/brands/meadow/palette.dark.d.ts +7 -0
  95. package/dist/Theme/tokens/brands/meadow/palette.dark.d.ts.map +1 -0
  96. package/dist/Theme/tokens/brands/meadow/palette.dark.js +13 -0
  97. package/dist/Theme/tokens/brands/meadow/palette.light.d.ts +375 -0
  98. package/dist/Theme/tokens/brands/meadow/palette.light.d.ts.map +1 -0
  99. package/dist/Theme/tokens/brands/meadow/palette.light.js +133 -0
  100. package/dist/Theme/tokens/brands/radiant/palette.dark.d.ts +7 -0
  101. package/dist/Theme/tokens/brands/radiant/palette.dark.d.ts.map +1 -0
  102. package/dist/Theme/tokens/brands/radiant/palette.dark.js +13 -0
  103. package/dist/Theme/tokens/brands/radiant/palette.light.d.ts +375 -0
  104. package/dist/Theme/tokens/brands/radiant/palette.light.d.ts.map +1 -0
  105. package/dist/Theme/tokens/brands/radiant/palette.light.js +135 -0
  106. package/dist/Theme/tokens/brands/rosewood/palette.dark.d.ts +7 -0
  107. package/dist/Theme/tokens/brands/rosewood/palette.dark.d.ts.map +1 -0
  108. package/dist/Theme/tokens/brands/rosewood/palette.dark.js +13 -0
  109. package/dist/Theme/tokens/brands/rosewood/palette.light.d.ts +375 -0
  110. package/dist/Theme/tokens/brands/rosewood/palette.light.d.ts.map +1 -0
  111. package/dist/Theme/tokens/brands/rosewood/palette.light.js +139 -0
  112. package/dist/Theme/tokens/brands/skyline/palette.dark.d.ts +7 -0
  113. package/dist/Theme/tokens/brands/skyline/palette.dark.d.ts.map +1 -0
  114. package/dist/Theme/tokens/brands/skyline/palette.dark.js +13 -0
  115. package/dist/Theme/tokens/brands/skyline/palette.light.d.ts +375 -0
  116. package/dist/Theme/tokens/brands/skyline/palette.light.d.ts.map +1 -0
  117. package/dist/Theme/tokens/brands/skyline/palette.light.js +133 -0
  118. package/dist/Theme/tokens/brands/slate/palette.dark.d.ts +7 -0
  119. package/dist/Theme/tokens/brands/slate/palette.dark.d.ts.map +1 -0
  120. package/dist/Theme/tokens/brands/slate/palette.dark.js +13 -0
  121. package/dist/Theme/tokens/brands/slate/palette.light.d.ts +375 -0
  122. package/dist/Theme/tokens/brands/slate/palette.light.d.ts.map +1 -0
  123. package/dist/Theme/tokens/brands/slate/palette.light.js +137 -0
  124. package/dist/Theme/tokens/brands/storefront/palette.dark.d.ts +7 -0
  125. package/dist/Theme/tokens/brands/storefront/palette.dark.d.ts.map +1 -0
  126. package/dist/Theme/tokens/brands/storefront/palette.dark.js +13 -0
  127. package/dist/Theme/tokens/brands/storefront/palette.light.d.ts +375 -0
  128. package/dist/Theme/tokens/brands/storefront/palette.light.d.ts.map +1 -0
  129. package/dist/Theme/tokens/brands/storefront/palette.light.js +127 -0
  130. package/dist/Theme/tokens/brands/zinc/palette.dark.d.ts +204 -0
  131. package/dist/Theme/tokens/brands/zinc/palette.dark.d.ts.map +1 -0
  132. package/dist/Theme/tokens/brands/zinc/palette.dark.js +204 -0
  133. package/dist/Theme/tokens/brands/zinc/palette.light.d.ts +375 -0
  134. package/dist/Theme/tokens/brands/zinc/palette.light.d.ts.map +1 -0
  135. package/dist/Theme/tokens/brands/zinc/palette.light.js +383 -0
  136. package/dist/Theme/tokens/builders/accentText.d.ts +56 -0
  137. package/dist/Theme/tokens/builders/accentText.d.ts.map +1 -0
  138. package/dist/Theme/tokens/builders/accentText.js +92 -0
  139. package/dist/Theme/tokens/builders/buildBrandTokens.d.ts +16 -0
  140. package/dist/Theme/tokens/builders/buildBrandTokens.d.ts.map +1 -0
  141. package/dist/Theme/tokens/builders/buildBrandTokens.js +33 -0
  142. package/dist/Theme/tokens/builders/buildDarkPalette.d.ts +23 -0
  143. package/dist/Theme/tokens/builders/buildDarkPalette.d.ts.map +1 -0
  144. package/dist/Theme/tokens/builders/buildDarkPalette.js +282 -0
  145. package/dist/Theme/tokens/builders/chartColorsFromTheme.d.ts +17 -0
  146. package/dist/Theme/tokens/builders/chartColorsFromTheme.d.ts.map +1 -0
  147. package/dist/Theme/tokens/builders/chartColorsFromTheme.js +26 -0
  148. package/dist/Theme/tokens/builders/color.d.ts +50 -0
  149. package/dist/Theme/tokens/builders/color.d.ts.map +1 -0
  150. package/dist/Theme/tokens/builders/color.js +156 -0
  151. package/dist/Theme/tokens/builders/index.d.ts +6 -0
  152. package/dist/Theme/tokens/builders/index.d.ts.map +1 -0
  153. package/dist/Theme/tokens/builders/index.js +21 -0
  154. package/dist/Theme/tokens/index.d.ts +15 -0
  155. package/dist/Theme/tokens/index.d.ts.map +1 -0
  156. package/dist/Theme/tokens/index.js +30 -0
  157. package/dist/Theme/tokens/primitives/breakpoints.d.ts +9 -0
  158. package/dist/Theme/tokens/primitives/breakpoints.d.ts.map +1 -0
  159. package/dist/Theme/tokens/primitives/breakpoints.js +10 -0
  160. package/dist/Theme/tokens/primitives/index.d.ts +10 -0
  161. package/dist/Theme/tokens/primitives/index.d.ts.map +1 -0
  162. package/dist/Theme/tokens/primitives/index.js +27 -0
  163. package/dist/Theme/tokens/primitives/letterSpacings.d.ts +10 -0
  164. package/dist/Theme/tokens/primitives/letterSpacings.d.ts.map +1 -0
  165. package/dist/Theme/tokens/primitives/letterSpacings.js +11 -0
  166. package/dist/Theme/tokens/primitives/lineHeights.d.ts +19 -0
  167. package/dist/Theme/tokens/primitives/lineHeights.d.ts.map +1 -0
  168. package/dist/Theme/tokens/primitives/lineHeights.js +20 -0
  169. package/dist/Theme/tokens/primitives/radii.d.ts +13 -0
  170. package/dist/Theme/tokens/primitives/radii.d.ts.map +1 -0
  171. package/dist/Theme/tokens/primitives/radii.js +14 -0
  172. package/dist/Theme/tokens/primitives/shadows.d.ts +16 -0
  173. package/dist/Theme/tokens/primitives/shadows.d.ts.map +1 -0
  174. package/dist/Theme/tokens/primitives/shadows.js +17 -0
  175. package/dist/Theme/tokens/primitives/sizes.d.ts +63 -0
  176. package/dist/Theme/tokens/primitives/sizes.d.ts.map +1 -0
  177. package/dist/Theme/tokens/primitives/sizes.js +39 -0
  178. package/dist/Theme/tokens/primitives/space.d.ts +34 -0
  179. package/dist/Theme/tokens/primitives/space.d.ts.map +1 -0
  180. package/dist/Theme/tokens/primitives/space.js +35 -0
  181. package/dist/Theme/tokens/primitives/typography.d.ts +73 -0
  182. package/dist/Theme/tokens/primitives/typography.d.ts.map +1 -0
  183. package/dist/Theme/tokens/primitives/typography.js +43 -0
  184. package/dist/Theme/tokens/primitives/zIndices.d.ts +17 -0
  185. package/dist/Theme/tokens/primitives/zIndices.d.ts.map +1 -0
  186. package/dist/Theme/tokens/primitives/zIndices.js +18 -0
  187. package/dist/Theme/tokens/types.d.ts +116 -0
  188. package/dist/Theme/tokens/types.d.ts.map +1 -0
  189. package/dist/Theme/tokens/types.js +8 -0
  190. package/package.json +1 -1
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.fontWeights = exports.fontSizes = exports.fonts = exports.typography = exports.letterSpacings = exports.lineHeights = exports.breakpoints = exports.zIndices = exports.shadows = exports.radii = exports.sizes = exports.space = void 0;
7
+ var space_1 = require("./space");
8
+ Object.defineProperty(exports, "space", { enumerable: true, get: function () { return __importDefault(space_1).default; } });
9
+ var sizes_1 = require("./sizes");
10
+ Object.defineProperty(exports, "sizes", { enumerable: true, get: function () { return __importDefault(sizes_1).default; } });
11
+ var radii_1 = require("./radii");
12
+ Object.defineProperty(exports, "radii", { enumerable: true, get: function () { return __importDefault(radii_1).default; } });
13
+ var shadows_1 = require("./shadows");
14
+ Object.defineProperty(exports, "shadows", { enumerable: true, get: function () { return __importDefault(shadows_1).default; } });
15
+ var zIndices_1 = require("./zIndices");
16
+ Object.defineProperty(exports, "zIndices", { enumerable: true, get: function () { return __importDefault(zIndices_1).default; } });
17
+ var breakpoints_1 = require("./breakpoints");
18
+ Object.defineProperty(exports, "breakpoints", { enumerable: true, get: function () { return __importDefault(breakpoints_1).default; } });
19
+ var lineHeights_1 = require("./lineHeights");
20
+ Object.defineProperty(exports, "lineHeights", { enumerable: true, get: function () { return __importDefault(lineHeights_1).default; } });
21
+ var letterSpacings_1 = require("./letterSpacings");
22
+ Object.defineProperty(exports, "letterSpacings", { enumerable: true, get: function () { return __importDefault(letterSpacings_1).default; } });
23
+ var typography_1 = require("./typography");
24
+ Object.defineProperty(exports, "typography", { enumerable: true, get: function () { return __importDefault(typography_1).default; } });
25
+ Object.defineProperty(exports, "fonts", { enumerable: true, get: function () { return typography_1.fonts; } });
26
+ Object.defineProperty(exports, "fontSizes", { enumerable: true, get: function () { return typography_1.fontSizes; } });
27
+ Object.defineProperty(exports, "fontWeights", { enumerable: true, get: function () { return typography_1.fontWeights; } });
@@ -0,0 +1,10 @@
1
+ declare const letterSpacings: {
2
+ tighter: string;
3
+ tight: string;
4
+ normal: string;
5
+ wide: string;
6
+ wider: string;
7
+ widest: string;
8
+ };
9
+ export default letterSpacings;
10
+ //# sourceMappingURL=letterSpacings.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"letterSpacings.d.ts","sourceRoot":"","sources":["../../../../src/Theme/tokens/primitives/letterSpacings.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,cAAc;;;;;;;CAOnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const letterSpacings = {
4
+ tighter: "-0.05em",
5
+ tight: "-0.025em",
6
+ normal: "0",
7
+ wide: "0.025em",
8
+ wider: "0.05em",
9
+ widest: "0.1em",
10
+ };
11
+ exports.default = letterSpacings;
@@ -0,0 +1,19 @@
1
+ declare const lineHeights: {
2
+ normal: string;
3
+ none: number;
4
+ shorter: number;
5
+ short: number;
6
+ base: number;
7
+ tall: number;
8
+ taller: string;
9
+ "3": string;
10
+ "4": string;
11
+ "5": string;
12
+ "6": string;
13
+ "7": string;
14
+ "8": string;
15
+ "9": string;
16
+ "10": string;
17
+ };
18
+ export default lineHeights;
19
+ //# sourceMappingURL=lineHeights.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"lineHeights.d.ts","sourceRoot":"","sources":["../../../../src/Theme/tokens/primitives/lineHeights.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;CAgBhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const lineHeights = {
4
+ normal: "normal",
5
+ none: 1,
6
+ shorter: 1.25,
7
+ short: 1.375,
8
+ base: 1.5,
9
+ tall: 1.625,
10
+ taller: "2",
11
+ "3": ".75rem",
12
+ "4": "1rem",
13
+ "5": "1.25rem",
14
+ "6": "1.5rem",
15
+ "7": "1.75rem",
16
+ "8": "2rem",
17
+ "9": "2.25rem",
18
+ "10": "2.5rem",
19
+ };
20
+ exports.default = lineHeights;
@@ -0,0 +1,13 @@
1
+ declare const radii: {
2
+ none: string;
3
+ sm: string;
4
+ base: string;
5
+ md: string;
6
+ lg: string;
7
+ xl: string;
8
+ "2xl": string;
9
+ "3xl": string;
10
+ full: string;
11
+ };
12
+ export default radii;
13
+ //# sourceMappingURL=radii.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radii.d.ts","sourceRoot":"","sources":["../../../../src/Theme/tokens/primitives/radii.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,KAAK;;;;;;;;;;CAUV,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const radii = {
4
+ none: "0",
5
+ sm: "0.125rem",
6
+ base: "0.25rem",
7
+ md: "0.375rem",
8
+ lg: "0.5rem",
9
+ xl: "0.75rem",
10
+ "2xl": "1rem",
11
+ "3xl": "1.5rem",
12
+ full: "9999px",
13
+ };
14
+ exports.default = radii;
@@ -0,0 +1,16 @@
1
+ /** Light-mode shadow ramp. Dark mode deepens these — see `builders/buildDarkShadows`. */
2
+ declare const shadows: {
3
+ xs: string;
4
+ sm: string;
5
+ base: string;
6
+ md: string;
7
+ lg: string;
8
+ xl: string;
9
+ "2xl": string;
10
+ outline: string;
11
+ inner: string;
12
+ none: string;
13
+ darkLg: string;
14
+ };
15
+ export default shadows;
16
+ //# sourceMappingURL=shadows.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"shadows.d.ts","sourceRoot":"","sources":["../../../../src/Theme/tokens/primitives/shadows.ts"],"names":[],"mappings":"AAAA,yFAAyF;AACzF,QAAA,MAAM,OAAO;;;;;;;;;;;;CAaZ,CAAC;AAEF,eAAe,OAAO,CAAC"}
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ /** Light-mode shadow ramp. Dark mode deepens these — see `builders/buildDarkShadows`. */
4
+ const shadows = {
5
+ xs: "0 0 0 1px rgba(0, 0, 0, 0.05)",
6
+ sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
7
+ base: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",
8
+ md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
9
+ lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
10
+ xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
11
+ "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
12
+ outline: "0 0 0 3px rgba(66, 153, 225, 0.6)",
13
+ inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)",
14
+ none: "none",
15
+ darkLg: "0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.5)",
16
+ };
17
+ exports.default = shadows;
@@ -0,0 +1,63 @@
1
+ /**
2
+ * `screenW`/`screenH` use viewport units — a web concept. The mobile port should
3
+ * map these to `Dimensions.get("window")` rather than consuming them literally.
4
+ */
5
+ declare const sizes: {
6
+ full: string;
7
+ screenW: string;
8
+ screenH: string;
9
+ max: string;
10
+ min: string;
11
+ "3xs": string;
12
+ "2xs": string;
13
+ xs: string;
14
+ sm: string;
15
+ md: string;
16
+ lg: string;
17
+ xl: string;
18
+ "2xl": string;
19
+ "3xl": string;
20
+ "4xl": string;
21
+ "5xl": string;
22
+ "6xl": string;
23
+ "7xl": string;
24
+ "8xl": string;
25
+ container: {
26
+ sm: string;
27
+ md: string;
28
+ lg: string;
29
+ xl: string;
30
+ };
31
+ px: string;
32
+ 0: string;
33
+ 1: string;
34
+ 2: string;
35
+ 3: string;
36
+ 4: string;
37
+ 5: string;
38
+ 6: string;
39
+ 7: string;
40
+ 8: string;
41
+ 9: string;
42
+ 10: string;
43
+ 12: string;
44
+ 14: string;
45
+ 16: string;
46
+ 20: string;
47
+ 24: string;
48
+ 28: string;
49
+ 32: string;
50
+ 36: string;
51
+ 40: string;
52
+ 44: string;
53
+ 48: string;
54
+ 52: string;
55
+ 56: string;
56
+ 60: string;
57
+ 64: string;
58
+ 72: string;
59
+ 80: string;
60
+ 96: string;
61
+ };
62
+ export default sizes;
63
+ //# sourceMappingURL=sizes.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../../../src/Theme/tokens/primitives/sizes.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BV,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -0,0 +1,39 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ const space_1 = __importDefault(require("./space"));
7
+ /**
8
+ * `screenW`/`screenH` use viewport units — a web concept. The mobile port should
9
+ * map these to `Dimensions.get("window")` rather than consuming them literally.
10
+ */
11
+ const sizes = {
12
+ ...space_1.default,
13
+ full: "100%",
14
+ screenW: "100vw",
15
+ screenH: "100vh",
16
+ max: "max-content",
17
+ min: "min-content",
18
+ "3xs": "14rem",
19
+ "2xs": "16rem",
20
+ xs: "20rem",
21
+ sm: "24rem",
22
+ md: "28rem",
23
+ lg: "32rem",
24
+ xl: "36rem",
25
+ "2xl": "42rem",
26
+ "3xl": "48rem",
27
+ "4xl": "56rem",
28
+ "5xl": "64rem",
29
+ "6xl": "72rem",
30
+ "7xl": "80rem",
31
+ "8xl": "90rem",
32
+ container: {
33
+ sm: "640px",
34
+ md: "768px",
35
+ lg: "1024px",
36
+ xl: "1280px",
37
+ },
38
+ };
39
+ exports.default = sizes;
@@ -0,0 +1,34 @@
1
+ declare const space: {
2
+ px: string;
3
+ 0: string;
4
+ 1: string;
5
+ 2: string;
6
+ 3: string;
7
+ 4: string;
8
+ 5: string;
9
+ 6: string;
10
+ 7: string;
11
+ 8: string;
12
+ 9: string;
13
+ 10: string;
14
+ 12: string;
15
+ 14: string;
16
+ 16: string;
17
+ 20: string;
18
+ 24: string;
19
+ 28: string;
20
+ 32: string;
21
+ 36: string;
22
+ 40: string;
23
+ 44: string;
24
+ 48: string;
25
+ 52: string;
26
+ 56: string;
27
+ 60: string;
28
+ 64: string;
29
+ 72: string;
30
+ 80: string;
31
+ 96: string;
32
+ };
33
+ export default space;
34
+ //# sourceMappingURL=space.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"space.d.ts","sourceRoot":"","sources":["../../../../src/Theme/tokens/primitives/space.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BV,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -0,0 +1,35 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const space = {
4
+ px: "1px",
5
+ 0: "0",
6
+ 1: "0.25rem", // 4px
7
+ 2: "0.5rem", // 8px
8
+ 3: "0.75rem", // 12px
9
+ 4: "1rem", // 16px
10
+ 5: "1.25rem", // 20px
11
+ 6: "1.5rem", // 24px
12
+ 7: "1.75rem", // 28px
13
+ 8: "2rem", // 32px
14
+ 9: "2.25rem", // 36px
15
+ 10: "2.5rem", // 40px
16
+ 12: "3rem", // 48px
17
+ 14: "3.5rem", // 56px
18
+ 16: "4rem", // 64px
19
+ 20: "5rem", // 80px
20
+ 24: "6rem", // 96px
21
+ 28: "7rem", // 112px
22
+ 32: "8rem", // 128px
23
+ 36: "9rem", // 144px
24
+ 40: "10rem", // 160px
25
+ 44: "11rem", // 176px
26
+ 48: "12rem", // 192px
27
+ 52: "13rem", // 208px
28
+ 56: "14rem", // 224px
29
+ 60: "15rem", // 240px
30
+ 64: "16rem", // 256px
31
+ 72: "18rem", // 288px
32
+ 80: "20rem", // 320px
33
+ 96: "24rem", // 384px
34
+ };
35
+ exports.default = space;
@@ -0,0 +1,73 @@
1
+ /**
2
+ * Pure typography tokens. Platform-agnostic.
3
+ *
4
+ * NOTE: the web build must additionally load the Inter Variable font face
5
+ * (`Theme/chakra/fonts.web.ts` does the CSS side-effect import). That import is
6
+ * deliberately NOT here — a CSS import would break the mobile port of this folder.
7
+ */
8
+ export declare const fonts: {
9
+ body: string;
10
+ heading: string;
11
+ mono: string;
12
+ };
13
+ export declare const fontSizes: {
14
+ xs: string;
15
+ sm: string;
16
+ md: string;
17
+ lg: string;
18
+ xl: string;
19
+ "2xl": string;
20
+ "3xl": string;
21
+ "4xl": string;
22
+ "5xl": string;
23
+ "6xl": string;
24
+ "7xl": string;
25
+ "8xl": string;
26
+ "9xl": string;
27
+ };
28
+ export declare const fontWeights: {
29
+ hairline: number;
30
+ thin: number;
31
+ light: number;
32
+ normal: number;
33
+ medium: number;
34
+ semibold: number;
35
+ bold: number;
36
+ extrabold: number;
37
+ black: number;
38
+ };
39
+ declare const typography: {
40
+ fonts: {
41
+ body: string;
42
+ heading: string;
43
+ mono: string;
44
+ };
45
+ fontSizes: {
46
+ xs: string;
47
+ sm: string;
48
+ md: string;
49
+ lg: string;
50
+ xl: string;
51
+ "2xl": string;
52
+ "3xl": string;
53
+ "4xl": string;
54
+ "5xl": string;
55
+ "6xl": string;
56
+ "7xl": string;
57
+ "8xl": string;
58
+ "9xl": string;
59
+ };
60
+ fontWeights: {
61
+ hairline: number;
62
+ thin: number;
63
+ light: number;
64
+ normal: number;
65
+ medium: number;
66
+ semibold: number;
67
+ bold: number;
68
+ extrabold: number;
69
+ black: number;
70
+ };
71
+ };
72
+ export default typography;
73
+ //# sourceMappingURL=typography.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../src/Theme/tokens/primitives/typography.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,eAAO,MAAM,KAAK;;;;CAIjB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;CAcrB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;CAUvB,CAAC;AAEF,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAoC,CAAC;AAErD,eAAe,UAAU,CAAC"}
@@ -0,0 +1,43 @@
1
+ "use strict";
2
+ /**
3
+ * Pure typography tokens. Platform-agnostic.
4
+ *
5
+ * NOTE: the web build must additionally load the Inter Variable font face
6
+ * (`Theme/chakra/fonts.web.ts` does the CSS side-effect import). That import is
7
+ * deliberately NOT here — a CSS import would break the mobile port of this folder.
8
+ */
9
+ Object.defineProperty(exports, "__esModule", { value: true });
10
+ exports.fontWeights = exports.fontSizes = exports.fonts = void 0;
11
+ exports.fonts = {
12
+ body: "Inter Variable, sans-serif",
13
+ heading: "Inter Variable, sans-serif",
14
+ mono: "Inter Variable, sans-serif",
15
+ };
16
+ exports.fontSizes = {
17
+ xs: "0.75rem",
18
+ sm: "0.875rem",
19
+ md: "1rem",
20
+ lg: "1.125rem",
21
+ xl: "1.25rem",
22
+ "2xl": "1.5rem",
23
+ "3xl": "1.875rem",
24
+ "4xl": "2.25rem",
25
+ "5xl": "3rem",
26
+ "6xl": "3.75rem",
27
+ "7xl": "4.5rem",
28
+ "8xl": "6rem",
29
+ "9xl": "8rem",
30
+ };
31
+ exports.fontWeights = {
32
+ hairline: 100,
33
+ thin: 200,
34
+ light: 300,
35
+ normal: 400,
36
+ medium: 500,
37
+ semibold: 600,
38
+ bold: 700,
39
+ extrabold: 800,
40
+ black: 900,
41
+ };
42
+ const typography = { fonts: exports.fonts, fontSizes: exports.fontSizes, fontWeights: exports.fontWeights };
43
+ exports.default = typography;
@@ -0,0 +1,17 @@
1
+ declare const zIndices: {
2
+ hide: number;
3
+ auto: string;
4
+ base: number;
5
+ docked: number;
6
+ dropdown: number;
7
+ sticky: number;
8
+ banner: number;
9
+ overlay: number;
10
+ modal: number;
11
+ popover: number;
12
+ skipLink: number;
13
+ toast: number;
14
+ tooltip: number;
15
+ };
16
+ export default zIndices;
17
+ //# sourceMappingURL=zIndices.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"zIndices.d.ts","sourceRoot":"","sources":["../../../../src/Theme/tokens/primitives/zIndices.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;CAcb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const zIndices = {
4
+ hide: -1,
5
+ auto: "auto",
6
+ base: 0,
7
+ docked: 10,
8
+ dropdown: 1000,
9
+ sticky: 1100,
10
+ banner: 1200,
11
+ overlay: 1300,
12
+ modal: 1400,
13
+ popover: 1500,
14
+ skipLink: 1600,
15
+ toast: 1700,
16
+ tooltip: 1800,
17
+ };
18
+ exports.default = zIndices;
@@ -0,0 +1,116 @@
1
+ /**
2
+ * Pure token types — shared by web (Chakra) and mobile design libraries.
3
+ *
4
+ * PURITY RULE: nothing under `Theme/tokens/**` may import Chakra, React, or CSS.
5
+ * This folder is copy-paste portable to the mobile design library as-is.
6
+ */
7
+ /** A 50→900 color ramp. Index roles are stable across light and dark. */
8
+ export type ColorScale = {
9
+ 50: string;
10
+ 100: string;
11
+ 200: string;
12
+ 300: string;
13
+ 400: string;
14
+ 500: string;
15
+ 600: string;
16
+ 700: string;
17
+ 800: string;
18
+ 900: string;
19
+ };
20
+ /** Alpha steps derived from a brand's 500 anchor. */
21
+ export type OpacityScale = {
22
+ 4: string;
23
+ 8: string;
24
+ 16: string;
25
+ 24: string;
26
+ 32: string;
27
+ 40: string;
28
+ 48: string;
29
+ };
30
+ export type BrandScale = ColorScale & {
31
+ opacity: OpacityScale;
32
+ };
33
+ export type SemanticColors = {
34
+ success: ColorScale;
35
+ error: ColorScale;
36
+ warning: ColorScale;
37
+ info: ColorScale;
38
+ };
39
+ /** Named (non-numeric) surface keys. Elevation order inverts between light and dark. */
40
+ export type NamedSurfaces = {
41
+ main: string;
42
+ secondary: string;
43
+ tertiary: string;
44
+ quaternary: string;
45
+ light: string;
46
+ medium: string;
47
+ accent: string;
48
+ subtle: string;
49
+ muted: string;
50
+ neutral: string;
51
+ base: string;
52
+ tableHeader: string;
53
+ };
54
+ export type BoxShadowTokens = {
55
+ primary: string;
56
+ error: string;
57
+ default: string;
58
+ };
59
+ /**
60
+ * The full per-brand color palette. One of these exists per brand per color mode
61
+ * (`palette.light.ts` / `palette.dark.ts`).
62
+ */
63
+ export type PaletteProps = {
64
+ gradient: {
65
+ from: string;
66
+ to: string;
67
+ };
68
+ primary: BrandScale;
69
+ secondary: BrandScale;
70
+ tertiary: BrandScale;
71
+ transparent: string;
72
+ black: string;
73
+ white: string;
74
+ semantic: SemanticColors;
75
+ gray: ColorScale;
76
+ red: ColorScale;
77
+ orange: ColorScale;
78
+ yellow: ColorScale;
79
+ green: ColorScale;
80
+ teal: ColorScale;
81
+ blue: ColorScale;
82
+ cyan: ColorScale;
83
+ purple: ColorScale;
84
+ pink: ColorScale;
85
+ backgroundColor: NamedSurfaces;
86
+ background: ColorScale;
87
+ text: ColorScale;
88
+ header: ColorScale;
89
+ placeholder: ColorScale;
90
+ boxShadow: BoxShadowTokens;
91
+ sidebar: {
92
+ background: ColorScale;
93
+ };
94
+ boxborder: ColorScale;
95
+ border: ColorScale;
96
+ table: {
97
+ hover: ColorScale;
98
+ };
99
+ disabled: ColorScale;
100
+ /**
101
+ * Accent color for accent-COLORED TEXT on the canvas. Distinct from `primary[500]`, which
102
+ * must stay dark enough to carry a white label on a filled button and therefore cannot also
103
+ * be light enough to read as text on a dark canvas. Derived per brand (see `pickAccentText`).
104
+ *
105
+ * Optional so that a consumer who hand-builds a palette object against this type keeps
106
+ * compiling; every shipped brand palette always populates it.
107
+ */
108
+ accentText?: string;
109
+ };
110
+ /** Brand identities shipped by the library. */
111
+ export type ThemeName = "lavender" | "meadow" | "radiant" | "skyline" | "slate" | "emerald" | "rosewood" | "storefront" | "zinc";
112
+ /** User-selectable color mode. `system` follows the OS setting. */
113
+ export type ColorMode = "light" | "dark" | "system";
114
+ /** Color mode after `system` has been resolved against the OS. */
115
+ export type ResolvedColorMode = "light" | "dark";
116
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/Theme/tokens/types.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ /**
3
+ * Pure token types — shared by web (Chakra) and mobile design libraries.
4
+ *
5
+ * PURITY RULE: nothing under `Theme/tokens/**` may import Chakra, React, or CSS.
6
+ * This folder is copy-paste portable to the mobile design library as-is.
7
+ */
8
+ Object.defineProperty(exports, "__esModule", { value: true });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pixelize-design-library",
3
- "version": "2.3.22",
3
+ "version": "2.3.25",
4
4
  "private": false,
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",