@shohojdhara/atomix 0.4.8 → 0.4.9

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 (165) hide show
  1. package/atomix.config.ts +58 -1
  2. package/dist/atomix.css +148 -120
  3. package/dist/atomix.css.map +1 -1
  4. package/dist/atomix.min.css +1 -1
  5. package/dist/atomix.min.css.map +1 -1
  6. package/dist/charts.d.ts +33 -0
  7. package/dist/charts.js +1227 -122
  8. package/dist/charts.js.map +1 -1
  9. package/dist/core.d.ts +33 -10
  10. package/dist/core.js +1052 -41
  11. package/dist/core.js.map +1 -1
  12. package/dist/forms.d.ts +33 -0
  13. package/dist/forms.js +2086 -1035
  14. package/dist/forms.js.map +1 -1
  15. package/dist/heavy.d.ts +42 -1
  16. package/dist/heavy.js +1620 -600
  17. package/dist/heavy.js.map +1 -1
  18. package/dist/index.d.ts +441 -270
  19. package/dist/index.esm.js +1900 -638
  20. package/dist/index.esm.js.map +1 -1
  21. package/dist/index.js +1935 -670
  22. package/dist/index.js.map +1 -1
  23. package/dist/index.min.js +1 -1
  24. package/dist/index.min.js.map +1 -1
  25. package/package.json +6 -3
  26. package/scripts/atomix-cli.js +148 -4
  27. package/scripts/cli/__tests__/basic.test.js +3 -2
  28. package/scripts/cli/__tests__/clean.test.js +278 -0
  29. package/scripts/cli/__tests__/component-validator.test.js +433 -0
  30. package/scripts/cli/__tests__/generator.test.js +613 -0
  31. package/scripts/cli/__tests__/glass-motion.test.js +256 -0
  32. package/scripts/cli/__tests__/integration.test.js +719 -108
  33. package/scripts/cli/__tests__/migrate.test.js +74 -0
  34. package/scripts/cli/__tests__/security.test.js +206 -0
  35. package/scripts/cli/__tests__/test-setup.js +3 -1
  36. package/scripts/cli/__tests__/theme-bridge.test.js +507 -0
  37. package/scripts/cli/__tests__/token-provider.test.js +361 -0
  38. package/scripts/cli/__tests__/utils.test.js +5 -5
  39. package/scripts/cli/commands/benchmark.js +105 -0
  40. package/scripts/cli/commands/build-theme.js +4 -1
  41. package/scripts/cli/commands/clean.js +109 -0
  42. package/scripts/cli/commands/doctor.js +88 -0
  43. package/scripts/cli/commands/generate.js +135 -14
  44. package/scripts/cli/commands/init.js +45 -18
  45. package/scripts/cli/commands/migrate.js +106 -0
  46. package/scripts/cli/commands/sync-tokens.js +206 -0
  47. package/scripts/cli/commands/theme-bridge.js +248 -0
  48. package/scripts/cli/commands/tokens.js +157 -0
  49. package/scripts/cli/commands/validate.js +194 -0
  50. package/scripts/cli/internal/ai-engine.js +156 -0
  51. package/scripts/cli/internal/component-validator.js +443 -0
  52. package/scripts/cli/internal/config-loader.js +162 -0
  53. package/scripts/cli/internal/filesystem.js +102 -2
  54. package/scripts/cli/internal/generator.js +359 -39
  55. package/scripts/cli/internal/glass-generator.js +398 -0
  56. package/scripts/cli/internal/hook-generator.js +369 -0
  57. package/scripts/cli/internal/hooks.js +61 -0
  58. package/scripts/cli/internal/itcss-generator.js +565 -0
  59. package/scripts/cli/internal/motion-generator.js +679 -0
  60. package/scripts/cli/internal/template-engine.js +301 -0
  61. package/scripts/cli/internal/theme-bridge.js +664 -0
  62. package/scripts/cli/internal/tokens/engine.js +122 -0
  63. package/scripts/cli/internal/tokens/provider.js +34 -0
  64. package/scripts/cli/internal/tokens/providers/figma.js +50 -0
  65. package/scripts/cli/internal/tokens/providers/style-dictionary.js +48 -0
  66. package/scripts/cli/internal/tokens/providers/w3c.js +48 -0
  67. package/scripts/cli/internal/tokens/token-provider.js +443 -0
  68. package/scripts/cli/internal/tokens/token-validator.js +513 -0
  69. package/scripts/cli/internal/validator.js +276 -0
  70. package/scripts/cli/internal/wizard.js +60 -6
  71. package/scripts/cli/mappings.js +23 -0
  72. package/scripts/cli/migration-tools.js +164 -94
  73. package/scripts/cli/plugins/style-dictionary.js +46 -0
  74. package/scripts/cli/templates/README.md +525 -95
  75. package/scripts/cli/templates/common-templates.js +40 -14
  76. package/scripts/cli/templates/components/react-component.ts +282 -0
  77. package/scripts/cli/templates/config/project-config.ts +112 -0
  78. package/scripts/cli/templates/hooks/use-component.ts +477 -0
  79. package/scripts/cli/templates/index.js +19 -4
  80. package/scripts/cli/templates/index.ts +171 -0
  81. package/scripts/cli/templates/next-templates.js +72 -0
  82. package/scripts/cli/templates/react-templates.js +70 -126
  83. package/scripts/cli/templates/scss-templates.js +35 -35
  84. package/scripts/cli/templates/stories/storybook-story.ts +241 -0
  85. package/scripts/cli/templates/styles/scss-component.ts +255 -0
  86. package/scripts/cli/templates/tests/vitest-test.ts +229 -0
  87. package/scripts/cli/templates/token-templates.js +337 -1
  88. package/scripts/cli/templates/tokens/token-generators.ts +1088 -0
  89. package/scripts/cli/templates/types/component-types.ts +145 -0
  90. package/scripts/cli/templates/utils/testing-utils.ts +144 -0
  91. package/scripts/cli/templates/vanilla-templates.js +39 -0
  92. package/scripts/cli/token-manager.js +8 -2
  93. package/scripts/cli/utils/cache-manager.js +240 -0
  94. package/scripts/cli/utils/detector.js +46 -0
  95. package/scripts/cli/utils/diagnostics.js +289 -0
  96. package/scripts/cli/utils/error.js +45 -3
  97. package/scripts/cli/utils/helpers.js +24 -0
  98. package/scripts/cli/utils/logger.js +1 -1
  99. package/scripts/cli/utils/security.js +302 -0
  100. package/scripts/cli/utils/telemetry.js +115 -0
  101. package/scripts/cli/utils/validation.js +4 -38
  102. package/scripts/cli/utils.js +46 -0
  103. package/src/components/Accordion/Accordion.stories.tsx +0 -18
  104. package/src/components/Accordion/Accordion.test.tsx +0 -17
  105. package/src/components/Accordion/Accordion.tsx +0 -4
  106. package/src/components/AtomixGlass/AtomixGlass.tsx +102 -2
  107. package/src/components/AtomixGlass/AtomixGlassContainer.tsx +125 -12
  108. package/src/components/AtomixGlass/PerformanceDashboard.tsx +219 -0
  109. package/src/components/AtomixGlass/README.md +25 -10
  110. package/src/components/AtomixGlass/animation-system.ts +578 -0
  111. package/src/components/AtomixGlass/shader-utils.ts +4 -1
  112. package/src/components/AtomixGlass/stories/Overview.stories.tsx +157 -6
  113. package/src/components/AtomixGlass/stories/Phase1-Animation.stories.tsx +653 -0
  114. package/src/components/AtomixGlass/stories/Phase1-Test.stories.tsx +95 -0
  115. package/src/components/AtomixGlass/stories/Playground.stories.tsx +51 -51
  116. package/src/components/AtomixGlass/stories/shared-components.tsx +6 -0
  117. package/src/components/Avatar/Avatar.tsx +1 -1
  118. package/src/components/Button/Button.stories.disabled-link.tsx +10 -0
  119. package/src/components/Button/Button.stories.tsx +10 -0
  120. package/src/components/Button/Button.test.tsx +16 -11
  121. package/src/components/Button/Button.tsx +4 -4
  122. package/src/components/Card/Card.tsx +1 -1
  123. package/src/components/Dropdown/Dropdown.tsx +12 -12
  124. package/src/components/Form/Select.tsx +62 -3
  125. package/src/components/Modal/Modal.tsx +14 -3
  126. package/src/components/Navigation/Navbar/Navbar.tsx +44 -0
  127. package/src/components/Slider/Slider.stories.tsx +3 -3
  128. package/src/components/Slider/Slider.tsx +38 -0
  129. package/src/components/Steps/Steps.tsx +3 -3
  130. package/src/components/Tabs/Tabs.tsx +77 -8
  131. package/src/components/Testimonial/Testimonial.tsx +1 -1
  132. package/src/components/TypedButton/TypedButton.stories.tsx +59 -0
  133. package/src/components/TypedButton/TypedButton.tsx +39 -0
  134. package/src/components/TypedButton/index.ts +2 -0
  135. package/src/components/VideoPlayer/VideoPlayer.tsx +11 -4
  136. package/src/lib/composables/index.ts +4 -7
  137. package/src/lib/composables/types.ts +45 -0
  138. package/src/lib/composables/useAccordion.ts +0 -7
  139. package/src/lib/composables/useAtomixGlass.ts +144 -5
  140. package/src/lib/composables/useChartExport.ts +3 -13
  141. package/src/lib/composables/useDropdown.ts +66 -0
  142. package/src/lib/composables/useFocusTrap.ts +80 -0
  143. package/src/lib/composables/usePerformanceMonitor.ts +448 -0
  144. package/src/lib/composables/useResponsiveGlass.presets.ts +192 -0
  145. package/src/lib/composables/useResponsiveGlass.ts +441 -0
  146. package/src/lib/composables/useTooltip.ts +16 -0
  147. package/src/lib/composables/useTypedButton.ts +66 -0
  148. package/src/lib/config/index.ts +62 -5
  149. package/src/lib/constants/components.ts +55 -0
  150. package/src/lib/theme/devtools/__tests__/useHistory.test.tsx +150 -0
  151. package/src/lib/theme/tokens/centralized-tokens.ts +120 -0
  152. package/src/lib/theme/utils/__tests__/domUtils.test.ts +101 -0
  153. package/src/lib/types/components.ts +37 -11
  154. package/src/lib/types/glass.ts +35 -0
  155. package/src/lib/types/index.ts +1 -0
  156. package/src/lib/utils/displacement-generator.ts +1 -1
  157. package/src/styles/01-settings/_settings.testtypecheck.scss +53 -0
  158. package/src/styles/01-settings/_settings.typedbutton.scss +53 -0
  159. package/src/styles/06-components/_components.testbutton.scss +212 -0
  160. package/src/styles/06-components/_components.testtypecheck.scss +212 -0
  161. package/src/styles/06-components/_components.typedbutton.scss +212 -0
  162. package/src/styles/99-utilities/_index.scss +1 -0
  163. package/src/styles/99-utilities/_utilities.text.scss +1 -1
  164. package/src/styles/99-utilities/_utilities.touch-target.scss +36 -0
  165. package/src/styles/06-components/old.chart.styles.scss +0 -2788
package/atomix.config.ts CHANGED
@@ -39,7 +39,7 @@
39
39
 
40
40
  // For library development, use local import
41
41
  // For external developers, use: import { defineConfig } from '@shohojdhara/atomix/config';
42
- import { defineConfig } from './src/lib/config';
42
+ import { defineConfig } from './src/lib/config/index.ts';
43
43
 
44
44
  export default defineConfig({
45
45
  /**
@@ -52,6 +52,63 @@ export default defineConfig({
52
52
  */
53
53
  prefix: 'atomix',
54
54
 
55
+ /**
56
+ * CLI Plugins (Phase 2)
57
+ *
58
+ * Register external or local plugins to extend CLI functionality.
59
+ */
60
+ plugins: [
61
+ // {
62
+ // name: './scripts/cli/plugins/style-dictionary.js',
63
+ // options: {
64
+ // strictMode: true,
65
+ // version: '3.0.0'
66
+ // }
67
+ // }
68
+ ],
69
+
70
+ /**
71
+ * Universal Token Engine (Phase 2)
72
+ *
73
+ * Configure design token providers for bi-directional sync.
74
+ */
75
+ tokenEngine: {
76
+ providers: {
77
+ // figma: {
78
+ // type: 'figma',
79
+ // options: {
80
+ // fileId: 'MY_FIGMA_FILE_ID',
81
+ // apiKey: process.env.FIGMA_API_KEY
82
+ // }
83
+ // },
84
+ },
85
+ sync: {
86
+ pull: true,
87
+ push: false
88
+ }
89
+ },
90
+
91
+ /**
92
+ * AI-Assisted Scaffolding (Phase 3)
93
+ *
94
+ * Configure LLM providers for natural language component generation.
95
+ */
96
+ ai: {
97
+ provider: 'openai', // 'openai' | 'anthropic'
98
+ model: 'gpt-4',
99
+ apiKey: process.env.ATOMIX_AI_API_KEY
100
+ },
101
+
102
+ /**
103
+ * Performance & Telemetry (Phase 4)
104
+ *
105
+ * Track command execution times and identify bottlenecks.
106
+ */
107
+ telemetry: {
108
+ enabled: true,
109
+ anonymize: true
110
+ },
111
+
55
112
  /**
56
113
  * Theme Customization
57
114
  *
package/dist/atomix.css CHANGED
@@ -12775,6 +12775,34 @@ body.is-open-photoviewer {
12775
12775
  width: 1px;
12776
12776
  white-space: nowrap;
12777
12777
  }
12778
+ /**
12779
+ * Touch Target Optimization
12780
+ * Ensures interactive elements have a minimum touch target size of 44px
12781
+ * as per WCAG 2.1 Success Criterion 2.5.5 (Target Size).
12782
+ */
12783
+ @media (max-width: 991.98px) {
12784
+ .u-touch-target {
12785
+ min-height: 44px;
12786
+ min-width: 44px;
12787
+ display: inline-flex;
12788
+ align-items: center;
12789
+ justify-content: center;
12790
+ }
12791
+ }
12792
+ @media (max-width: 991.98px) {
12793
+ .c-btn--sm,
12794
+ .c-form-check-input,
12795
+ .c-form-select-sm,
12796
+ .c-form-control-sm {
12797
+ min-height: 44px;
12798
+ min-width: 44px;
12799
+ }
12800
+ .c-form-check {
12801
+ min-height: 44px;
12802
+ display: flex;
12803
+ align-items: center;
12804
+ }
12805
+ }
12778
12806
  @media (min-width: 0) {
12779
12807
  .u-bg-primary {
12780
12808
  background-color: #8b5cf6;
@@ -31939,374 +31967,374 @@ body.is-open-photoviewer {
31939
31967
  }
31940
31968
  }
31941
31969
  @media (min-width: 0) {
31942
- .u-fs-xs {
31970
+ .u-text-xs {
31943
31971
  font-size: 0.75rem;
31944
31972
  }
31945
- .u-fs-sm {
31973
+ .u-text-sm {
31946
31974
  font-size: 0.875rem;
31947
31975
  }
31948
- .u-fs-base {
31976
+ .u-text-base {
31949
31977
  font-size: 1rem;
31950
31978
  }
31951
- .u-fs-md {
31979
+ .u-text-md {
31952
31980
  font-size: 1.125rem;
31953
31981
  }
31954
- .u-fs-lg {
31982
+ .u-text-lg {
31955
31983
  font-size: 1.25rem;
31956
31984
  }
31957
- .u-fs-xl {
31985
+ .u-text-xl {
31958
31986
  font-size: 1.5rem;
31959
31987
  }
31960
- .u-fs-2xl {
31988
+ .u-text-2xl {
31961
31989
  font-size: 2rem;
31962
31990
  }
31963
- .u-fs-h1 {
31991
+ .u-text-h1 {
31964
31992
  font-size: 2.5rem;
31965
31993
  }
31966
- .u-fs-h2 {
31994
+ .u-text-h2 {
31967
31995
  font-size: 2rem;
31968
31996
  }
31969
- .u-fs-h3 {
31997
+ .u-text-h3 {
31970
31998
  font-size: 1.5rem;
31971
31999
  }
31972
- .u-fs-h4 {
32000
+ .u-text-h4 {
31973
32001
  font-size: 1.25rem;
31974
32002
  }
31975
- .u-fs-h5 {
32003
+ .u-text-h5 {
31976
32004
  font-size: 1.125rem;
31977
32005
  }
31978
- .u-fs-h6 {
32006
+ .u-text-h6 {
31979
32007
  font-size: 1rem;
31980
32008
  }
31981
- .u-fs-display-1 {
32009
+ .u-text-display-1 {
31982
32010
  font-size: 4rem;
31983
32011
  }
31984
- .u-fs-1 {
32012
+ .u-text-1 {
31985
32013
  font-size: 2.5rem;
31986
32014
  }
31987
- .u-fs-2 {
32015
+ .u-text-2 {
31988
32016
  font-size: 2rem;
31989
32017
  }
31990
- .u-fs-3 {
32018
+ .u-text-3 {
31991
32019
  font-size: 1.5rem;
31992
32020
  }
31993
- .u-fs-4 {
32021
+ .u-text-4 {
31994
32022
  font-size: 1.25rem;
31995
32023
  }
31996
- .u-fs-5 {
32024
+ .u-text-5 {
31997
32025
  font-size: 1.125rem;
31998
32026
  }
31999
- .u-fs-6 {
32027
+ .u-text-6 {
32000
32028
  font-size: 1rem;
32001
32029
  }
32002
32030
  }
32003
32031
  @media (min-width: 576px) {
32004
- .u-fs-sm-xs {
32032
+ .u-text-sm-xs {
32005
32033
  font-size: 0.75rem;
32006
32034
  }
32007
- .u-fs-sm-sm {
32035
+ .u-text-sm-sm {
32008
32036
  font-size: 0.875rem;
32009
32037
  }
32010
- .u-fs-sm-base {
32038
+ .u-text-sm-base {
32011
32039
  font-size: 1rem;
32012
32040
  }
32013
- .u-fs-sm-md {
32041
+ .u-text-sm-md {
32014
32042
  font-size: 1.125rem;
32015
32043
  }
32016
- .u-fs-sm-lg {
32044
+ .u-text-sm-lg {
32017
32045
  font-size: 1.25rem;
32018
32046
  }
32019
- .u-fs-sm-xl {
32047
+ .u-text-sm-xl {
32020
32048
  font-size: 1.5rem;
32021
32049
  }
32022
- .u-fs-sm-2xl {
32050
+ .u-text-sm-2xl {
32023
32051
  font-size: 2rem;
32024
32052
  }
32025
- .u-fs-sm-h1 {
32053
+ .u-text-sm-h1 {
32026
32054
  font-size: 2.5rem;
32027
32055
  }
32028
- .u-fs-sm-h2 {
32056
+ .u-text-sm-h2 {
32029
32057
  font-size: 2rem;
32030
32058
  }
32031
- .u-fs-sm-h3 {
32059
+ .u-text-sm-h3 {
32032
32060
  font-size: 1.5rem;
32033
32061
  }
32034
- .u-fs-sm-h4 {
32062
+ .u-text-sm-h4 {
32035
32063
  font-size: 1.25rem;
32036
32064
  }
32037
- .u-fs-sm-h5 {
32065
+ .u-text-sm-h5 {
32038
32066
  font-size: 1.125rem;
32039
32067
  }
32040
- .u-fs-sm-h6 {
32068
+ .u-text-sm-h6 {
32041
32069
  font-size: 1rem;
32042
32070
  }
32043
- .u-fs-sm-display-1 {
32071
+ .u-text-sm-display-1 {
32044
32072
  font-size: 4rem;
32045
32073
  }
32046
- .u-fs-sm-1 {
32074
+ .u-text-sm-1 {
32047
32075
  font-size: 2.5rem;
32048
32076
  }
32049
- .u-fs-sm-2 {
32077
+ .u-text-sm-2 {
32050
32078
  font-size: 2rem;
32051
32079
  }
32052
- .u-fs-sm-3 {
32080
+ .u-text-sm-3 {
32053
32081
  font-size: 1.5rem;
32054
32082
  }
32055
- .u-fs-sm-4 {
32083
+ .u-text-sm-4 {
32056
32084
  font-size: 1.25rem;
32057
32085
  }
32058
- .u-fs-sm-5 {
32086
+ .u-text-sm-5 {
32059
32087
  font-size: 1.125rem;
32060
32088
  }
32061
- .u-fs-sm-6 {
32089
+ .u-text-sm-6 {
32062
32090
  font-size: 1rem;
32063
32091
  }
32064
32092
  }
32065
32093
  @media (min-width: 768px) {
32066
- .u-fs-md-xs {
32094
+ .u-text-md-xs {
32067
32095
  font-size: 0.75rem;
32068
32096
  }
32069
- .u-fs-md-sm {
32097
+ .u-text-md-sm {
32070
32098
  font-size: 0.875rem;
32071
32099
  }
32072
- .u-fs-md-base {
32100
+ .u-text-md-base {
32073
32101
  font-size: 1rem;
32074
32102
  }
32075
- .u-fs-md-md {
32103
+ .u-text-md-md {
32076
32104
  font-size: 1.125rem;
32077
32105
  }
32078
- .u-fs-md-lg {
32106
+ .u-text-md-lg {
32079
32107
  font-size: 1.25rem;
32080
32108
  }
32081
- .u-fs-md-xl {
32109
+ .u-text-md-xl {
32082
32110
  font-size: 1.5rem;
32083
32111
  }
32084
- .u-fs-md-2xl {
32112
+ .u-text-md-2xl {
32085
32113
  font-size: 2rem;
32086
32114
  }
32087
- .u-fs-md-h1 {
32115
+ .u-text-md-h1 {
32088
32116
  font-size: 2.5rem;
32089
32117
  }
32090
- .u-fs-md-h2 {
32118
+ .u-text-md-h2 {
32091
32119
  font-size: 2rem;
32092
32120
  }
32093
- .u-fs-md-h3 {
32121
+ .u-text-md-h3 {
32094
32122
  font-size: 1.5rem;
32095
32123
  }
32096
- .u-fs-md-h4 {
32124
+ .u-text-md-h4 {
32097
32125
  font-size: 1.25rem;
32098
32126
  }
32099
- .u-fs-md-h5 {
32127
+ .u-text-md-h5 {
32100
32128
  font-size: 1.125rem;
32101
32129
  }
32102
- .u-fs-md-h6 {
32130
+ .u-text-md-h6 {
32103
32131
  font-size: 1rem;
32104
32132
  }
32105
- .u-fs-md-display-1 {
32133
+ .u-text-md-display-1 {
32106
32134
  font-size: 4rem;
32107
32135
  }
32108
- .u-fs-md-1 {
32136
+ .u-text-md-1 {
32109
32137
  font-size: 2.5rem;
32110
32138
  }
32111
- .u-fs-md-2 {
32139
+ .u-text-md-2 {
32112
32140
  font-size: 2rem;
32113
32141
  }
32114
- .u-fs-md-3 {
32142
+ .u-text-md-3 {
32115
32143
  font-size: 1.5rem;
32116
32144
  }
32117
- .u-fs-md-4 {
32145
+ .u-text-md-4 {
32118
32146
  font-size: 1.25rem;
32119
32147
  }
32120
- .u-fs-md-5 {
32148
+ .u-text-md-5 {
32121
32149
  font-size: 1.125rem;
32122
32150
  }
32123
- .u-fs-md-6 {
32151
+ .u-text-md-6 {
32124
32152
  font-size: 1rem;
32125
32153
  }
32126
32154
  }
32127
32155
  @media (min-width: 992px) {
32128
- .u-fs-lg-xs {
32156
+ .u-text-lg-xs {
32129
32157
  font-size: 0.75rem;
32130
32158
  }
32131
- .u-fs-lg-sm {
32159
+ .u-text-lg-sm {
32132
32160
  font-size: 0.875rem;
32133
32161
  }
32134
- .u-fs-lg-base {
32162
+ .u-text-lg-base {
32135
32163
  font-size: 1rem;
32136
32164
  }
32137
- .u-fs-lg-md {
32165
+ .u-text-lg-md {
32138
32166
  font-size: 1.125rem;
32139
32167
  }
32140
- .u-fs-lg-lg {
32168
+ .u-text-lg-lg {
32141
32169
  font-size: 1.25rem;
32142
32170
  }
32143
- .u-fs-lg-xl {
32171
+ .u-text-lg-xl {
32144
32172
  font-size: 1.5rem;
32145
32173
  }
32146
- .u-fs-lg-2xl {
32174
+ .u-text-lg-2xl {
32147
32175
  font-size: 2rem;
32148
32176
  }
32149
- .u-fs-lg-h1 {
32177
+ .u-text-lg-h1 {
32150
32178
  font-size: 2.5rem;
32151
32179
  }
32152
- .u-fs-lg-h2 {
32180
+ .u-text-lg-h2 {
32153
32181
  font-size: 2rem;
32154
32182
  }
32155
- .u-fs-lg-h3 {
32183
+ .u-text-lg-h3 {
32156
32184
  font-size: 1.5rem;
32157
32185
  }
32158
- .u-fs-lg-h4 {
32186
+ .u-text-lg-h4 {
32159
32187
  font-size: 1.25rem;
32160
32188
  }
32161
- .u-fs-lg-h5 {
32189
+ .u-text-lg-h5 {
32162
32190
  font-size: 1.125rem;
32163
32191
  }
32164
- .u-fs-lg-h6 {
32192
+ .u-text-lg-h6 {
32165
32193
  font-size: 1rem;
32166
32194
  }
32167
- .u-fs-lg-display-1 {
32195
+ .u-text-lg-display-1 {
32168
32196
  font-size: 4rem;
32169
32197
  }
32170
- .u-fs-lg-1 {
32198
+ .u-text-lg-1 {
32171
32199
  font-size: 2.5rem;
32172
32200
  }
32173
- .u-fs-lg-2 {
32201
+ .u-text-lg-2 {
32174
32202
  font-size: 2rem;
32175
32203
  }
32176
- .u-fs-lg-3 {
32204
+ .u-text-lg-3 {
32177
32205
  font-size: 1.5rem;
32178
32206
  }
32179
- .u-fs-lg-4 {
32207
+ .u-text-lg-4 {
32180
32208
  font-size: 1.25rem;
32181
32209
  }
32182
- .u-fs-lg-5 {
32210
+ .u-text-lg-5 {
32183
32211
  font-size: 1.125rem;
32184
32212
  }
32185
- .u-fs-lg-6 {
32213
+ .u-text-lg-6 {
32186
32214
  font-size: 1rem;
32187
32215
  }
32188
32216
  }
32189
32217
  @media (min-width: 1200px) {
32190
- .u-fs-xl-xs {
32218
+ .u-text-xl-xs {
32191
32219
  font-size: 0.75rem;
32192
32220
  }
32193
- .u-fs-xl-sm {
32221
+ .u-text-xl-sm {
32194
32222
  font-size: 0.875rem;
32195
32223
  }
32196
- .u-fs-xl-base {
32224
+ .u-text-xl-base {
32197
32225
  font-size: 1rem;
32198
32226
  }
32199
- .u-fs-xl-md {
32227
+ .u-text-xl-md {
32200
32228
  font-size: 1.125rem;
32201
32229
  }
32202
- .u-fs-xl-lg {
32230
+ .u-text-xl-lg {
32203
32231
  font-size: 1.25rem;
32204
32232
  }
32205
- .u-fs-xl-xl {
32233
+ .u-text-xl-xl {
32206
32234
  font-size: 1.5rem;
32207
32235
  }
32208
- .u-fs-xl-2xl {
32236
+ .u-text-xl-2xl {
32209
32237
  font-size: 2rem;
32210
32238
  }
32211
- .u-fs-xl-h1 {
32239
+ .u-text-xl-h1 {
32212
32240
  font-size: 2.5rem;
32213
32241
  }
32214
- .u-fs-xl-h2 {
32242
+ .u-text-xl-h2 {
32215
32243
  font-size: 2rem;
32216
32244
  }
32217
- .u-fs-xl-h3 {
32245
+ .u-text-xl-h3 {
32218
32246
  font-size: 1.5rem;
32219
32247
  }
32220
- .u-fs-xl-h4 {
32248
+ .u-text-xl-h4 {
32221
32249
  font-size: 1.25rem;
32222
32250
  }
32223
- .u-fs-xl-h5 {
32251
+ .u-text-xl-h5 {
32224
32252
  font-size: 1.125rem;
32225
32253
  }
32226
- .u-fs-xl-h6 {
32254
+ .u-text-xl-h6 {
32227
32255
  font-size: 1rem;
32228
32256
  }
32229
- .u-fs-xl-display-1 {
32257
+ .u-text-xl-display-1 {
32230
32258
  font-size: 4rem;
32231
32259
  }
32232
- .u-fs-xl-1 {
32260
+ .u-text-xl-1 {
32233
32261
  font-size: 2.5rem;
32234
32262
  }
32235
- .u-fs-xl-2 {
32263
+ .u-text-xl-2 {
32236
32264
  font-size: 2rem;
32237
32265
  }
32238
- .u-fs-xl-3 {
32266
+ .u-text-xl-3 {
32239
32267
  font-size: 1.5rem;
32240
32268
  }
32241
- .u-fs-xl-4 {
32269
+ .u-text-xl-4 {
32242
32270
  font-size: 1.25rem;
32243
32271
  }
32244
- .u-fs-xl-5 {
32272
+ .u-text-xl-5 {
32245
32273
  font-size: 1.125rem;
32246
32274
  }
32247
- .u-fs-xl-6 {
32275
+ .u-text-xl-6 {
32248
32276
  font-size: 1rem;
32249
32277
  }
32250
32278
  }
32251
32279
  @media (min-width: 1440px) {
32252
- .u-fs-xxl-xs {
32280
+ .u-text-xxl-xs {
32253
32281
  font-size: 0.75rem;
32254
32282
  }
32255
- .u-fs-xxl-sm {
32283
+ .u-text-xxl-sm {
32256
32284
  font-size: 0.875rem;
32257
32285
  }
32258
- .u-fs-xxl-base {
32286
+ .u-text-xxl-base {
32259
32287
  font-size: 1rem;
32260
32288
  }
32261
- .u-fs-xxl-md {
32289
+ .u-text-xxl-md {
32262
32290
  font-size: 1.125rem;
32263
32291
  }
32264
- .u-fs-xxl-lg {
32292
+ .u-text-xxl-lg {
32265
32293
  font-size: 1.25rem;
32266
32294
  }
32267
- .u-fs-xxl-xl {
32295
+ .u-text-xxl-xl {
32268
32296
  font-size: 1.5rem;
32269
32297
  }
32270
- .u-fs-xxl-2xl {
32298
+ .u-text-xxl-2xl {
32271
32299
  font-size: 2rem;
32272
32300
  }
32273
- .u-fs-xxl-h1 {
32301
+ .u-text-xxl-h1 {
32274
32302
  font-size: 2.5rem;
32275
32303
  }
32276
- .u-fs-xxl-h2 {
32304
+ .u-text-xxl-h2 {
32277
32305
  font-size: 2rem;
32278
32306
  }
32279
- .u-fs-xxl-h3 {
32307
+ .u-text-xxl-h3 {
32280
32308
  font-size: 1.5rem;
32281
32309
  }
32282
- .u-fs-xxl-h4 {
32310
+ .u-text-xxl-h4 {
32283
32311
  font-size: 1.25rem;
32284
32312
  }
32285
- .u-fs-xxl-h5 {
32313
+ .u-text-xxl-h5 {
32286
32314
  font-size: 1.125rem;
32287
32315
  }
32288
- .u-fs-xxl-h6 {
32316
+ .u-text-xxl-h6 {
32289
32317
  font-size: 1rem;
32290
32318
  }
32291
- .u-fs-xxl-display-1 {
32319
+ .u-text-xxl-display-1 {
32292
32320
  font-size: 4rem;
32293
32321
  }
32294
- .u-fs-xxl-1 {
32322
+ .u-text-xxl-1 {
32295
32323
  font-size: 2.5rem;
32296
32324
  }
32297
- .u-fs-xxl-2 {
32325
+ .u-text-xxl-2 {
32298
32326
  font-size: 2rem;
32299
32327
  }
32300
- .u-fs-xxl-3 {
32328
+ .u-text-xxl-3 {
32301
32329
  font-size: 1.5rem;
32302
32330
  }
32303
- .u-fs-xxl-4 {
32331
+ .u-text-xxl-4 {
32304
32332
  font-size: 1.25rem;
32305
32333
  }
32306
- .u-fs-xxl-5 {
32334
+ .u-text-xxl-5 {
32307
32335
  font-size: 1.125rem;
32308
32336
  }
32309
- .u-fs-xxl-6 {
32337
+ .u-text-xxl-6 {
32310
32338
  font-size: 1rem;
32311
32339
  }
32312
32340
  }