@nova-design-system/nova-base 3.0.0-beta.44 → 3.0.0-beta.46

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 (9) hide show
  1. package/dist/cjs/plugin/nova-plugin.js +1 -11
  2. package/dist/cjs/plugin/nova-safelist.js +2 -2
  3. package/dist/cjs/plugin/nova-theme.js +13 -25
  4. package/dist/css/nova-utils.css +8 -158
  5. package/dist/plugin/nova-plugin.js +0 -11
  6. package/dist/plugin/nova-safelist.js +2 -1
  7. package/dist/plugin/nova-theme.d.ts +13 -13
  8. package/dist/plugin/nova-theme.js +13 -25
  9. package/package.json +1 -1
package/dist/cjs/plugin/nova-plugin.js CHANGED
@@ -88,17 +88,7 @@ exports.novaTailwindPlugin = (0, plugin_js_1.default)(function (_a) {
88
88
  },
89
89
  });
90
90
  addComponents(__assign({}, nova_tailwind_components_js_1.NOVA_TAILWIND_COMPONENTS));
91
- addUtilities(__assign(__assign({}, nova_tailwind_tokens_js_1.NOVA_TAILWIND_TOKENS), { '.visually-hidden': {
92
- position: 'absolute',
93
- padding: '0',
94
- border: '0',
95
- overflow: 'hidden',
96
- 'white-space': 'nowrap',
97
- width: '1px',
98
- height: '1px',
99
- margin: '-1px',
100
- clip: 'rect(0, 0, 0, 0)',
101
- }, '.w-inherit': {
91
+ addUtilities(__assign(__assign({}, nova_tailwind_tokens_js_1.NOVA_TAILWIND_TOKENS), { '.w-inherit': {
102
92
  width: 'inherit',
103
93
  }, '.w-initial': {
104
94
  width: 'initial',
package/dist/cjs/plugin/nova-safelist.js CHANGED
@@ -275,6 +275,7 @@ var fontWeight = [
275
275
  pattern: /^font-(thin|extralight|light|normal|medium|semibold|bold|extrabold|black)$/,
276
276
  },
277
277
  ];
278
+ var fontFamily = [{ pattern: /^font-(sans|serif|mono)$/ }];
278
279
  var borders = [
279
280
  { pattern: /^border$/ },
280
281
  { pattern: /^border-(\d+|0)$/ },
@@ -325,7 +326,6 @@ var resize = [
325
326
  ];
326
327
  // From the nova tailwind plugin (nova-plugin.ts)
327
328
  var utils = [
328
- { pattern: /^visually-hidden$/, variants: exports.responsive },
329
329
  { pattern: /^text-(high|medium|low)$/ },
330
330
  { pattern: /^bg-level-(00|10|20|30|40)(-hover)?$/ },
331
331
  { pattern: /^border-(high|medium|low)$/ },
@@ -338,4 +338,4 @@ var components = __spreadArray([], Object.keys(nova_tailwind_components_js_1.NOV
338
338
  var tokens = __spreadArray(__spreadArray([], Object.keys(nova_tailwind_tokens_js_1.NOVA_TAILWIND_TOKENS), true), [
339
339
  { pattern: /-hover$/, variants: ['hover'] },
340
340
  ], false);
341
- exports.novaThemeSafelist = __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], exports.padding, true), exports.margin, true), exports.gap, true), flexBox, true), grid, true), spaceBetween, true), overflow, true), position, true), display, true), textAlign, true), textSize, true), whitespace, true), verticalAlign, true), fontWeight, true), borders, true), width, true), height, true), colors, true), cursors, true), resize, true), utils, true), components, true), tokens, true);
341
+ exports.novaThemeSafelist = __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], exports.padding, true), exports.margin, true), exports.gap, true), flexBox, true), grid, true), spaceBetween, true), overflow, true), position, true), display, true), textAlign, true), textSize, true), whitespace, true), verticalAlign, true), fontWeight, true), fontFamily, true), borders, true), width, true), height, true), colors, true), cursors, true), resize, true), utils, true), components, true), tokens, true);
package/dist/cjs/plugin/nova-theme.js CHANGED
@@ -57,19 +57,19 @@ exports.borderRadius = {
57
57
  full: 'var(--radius-rounded-full)',
58
58
  };
59
59
  exports.fontSize = {
60
- xs: ['var(--font-size-xs)', 'var(--line-height-xs)'],
61
- sm: ['var(--font-size-sm)', 'var(--line-height-sm)'],
62
- md: ['var(--font-size-md)', 'var(--line-height-md)'],
63
- lg: ['var(--font-size-lg)', 'var(--line-height-lg)'],
64
- xl: ['var(--font-size-xl)', 'var(--line-height-xl)'],
65
- '2xl': ['var(--font-size-2xl)', 'var(--line-height-2xl)'],
66
- '3xl': ['var(--font-size-3xl)', 'var(--line-height-3xl)'],
67
- '4xl': ['var(--font-size-4xl)', 'var(--line-height-4xl)'],
68
- '5xl': ['var(--font-size-5xl)', 'var(--line-height-5xl)'],
69
- '6xl': ['var(--font-size-6xl)', 'var(--line-height-6xl)'],
70
- '7xl': ['var(--font-size-7xl)', 'var(--line-height-7xl)'],
71
- '8xl': ['var(--font-size-8xl)', 'var(--line-height-8xl)'],
72
- '9xl': ['var(--font-size-9xl)', 'var(--line-height-9xl)'],
60
+ xs: 'var(--font-size-xs)',
61
+ sm: 'var(--font-size-sm)',
62
+ md: 'var(--font-size-md)',
63
+ lg: 'var(--font-size-lg)',
64
+ xl: 'var(--font-size-xl)',
65
+ '2xl': 'var(--font-size-2xl)',
66
+ '3xl': 'var(--font-size-3xl)',
67
+ '4xl': 'var(--font-size-4xl)',
68
+ '5xl': 'var(--font-size-5xl)',
69
+ '6xl': 'var(--font-size-6xl)',
70
+ '7xl': 'var(--font-size-7xl)',
71
+ '8xl': 'var(--font-size-8xl)',
72
+ '9xl': 'var(--font-size-9xl)',
73
73
  };
74
74
  exports.lineHeight = {
75
75
  xs: 'var(--line-height-xs)',
@@ -89,18 +89,6 @@ exports.lineHeight = {
89
89
  exports.colors = {
90
90
  background: 'var(--color-level-00-background)',
91
91
  text: 'var(--color-content-medium-text)',
92
- brand: {
93
- 50: 'var(--color-brand-50)',
94
- 100: 'var(--color-brand-100)',
95
- 200: 'var(--color-brand-200)',
96
- 300: 'var(--color-brand-300)',
97
- 400: 'var(--color-brand-400)',
98
- 500: 'var(--color-brand-500)',
99
- 600: 'var(--color-brand-600)',
100
- 700: 'var(--color-brand-700)',
101
- 800: 'var(--color-brand-800)',
102
- 900: 'var(--color-brand-900)',
103
- },
104
92
  green: {
105
93
  50: 'var(--color-green-50)',
106
94
  100: 'var(--color-green-100)',
package/dist/css/nova-utils.css CHANGED
@@ -6158,69 +6158,64 @@ h6 {
6158
6158
  vertical-align: text-bottom !important;
6159
6159
  }
6160
6160
 
6161
+ .font-mono {
6162
+ font-family: TT Norms Pro Mono, monospace !important;
6163
+ }
6164
+
6165
+ .font-sans {
6166
+ font-family: TT Norms Pro, Montserrat, sans-serif !important;
6167
+ }
6168
+
6161
6169
  .text-2xl {
6162
6170
  font-size: var(--font-size-2xl) !important;
6163
- line-height: var(--line-height-2xl) !important;
6164
6171
  }
6165
6172
 
6166
6173
  .text-3xl {
6167
6174
  font-size: var(--font-size-3xl) !important;
6168
- line-height: var(--line-height-3xl) !important;
6169
6175
  }
6170
6176
 
6171
6177
  .text-4xl {
6172
6178
  font-size: var(--font-size-4xl) !important;
6173
- line-height: var(--line-height-4xl) !important;
6174
6179
  }
6175
6180
 
6176
6181
  .text-5xl {
6177
6182
  font-size: var(--font-size-5xl) !important;
6178
- line-height: var(--line-height-5xl) !important;
6179
6183
  }
6180
6184
 
6181
6185
  .text-6xl {
6182
6186
  font-size: var(--font-size-6xl) !important;
6183
- line-height: var(--line-height-6xl) !important;
6184
6187
  }
6185
6188
 
6186
6189
  .text-7xl {
6187
6190
  font-size: var(--font-size-7xl) !important;
6188
- line-height: var(--line-height-7xl) !important;
6189
6191
  }
6190
6192
 
6191
6193
  .text-8xl {
6192
6194
  font-size: var(--font-size-8xl) !important;
6193
- line-height: var(--line-height-8xl) !important;
6194
6195
  }
6195
6196
 
6196
6197
  .text-9xl {
6197
6198
  font-size: var(--font-size-9xl) !important;
6198
- line-height: var(--line-height-9xl) !important;
6199
6199
  }
6200
6200
 
6201
6201
  .text-lg {
6202
6202
  font-size: var(--font-size-lg) !important;
6203
- line-height: var(--line-height-lg) !important;
6204
6203
  }
6205
6204
 
6206
6205
  .text-md {
6207
6206
  font-size: var(--font-size-md) !important;
6208
- line-height: var(--line-height-md) !important;
6209
6207
  }
6210
6208
 
6211
6209
  .text-sm {
6212
6210
  font-size: var(--font-size-sm) !important;
6213
- line-height: var(--line-height-sm) !important;
6214
6211
  }
6215
6212
 
6216
6213
  .text-xl {
6217
6214
  font-size: var(--font-size-xl) !important;
6218
- line-height: var(--line-height-xl) !important;
6219
6215
  }
6220
6216
 
6221
6217
  .text-xs {
6222
6218
  font-size: var(--font-size-xs) !important;
6223
- line-height: var(--line-height-xs) !important;
6224
6219
  }
6225
6220
 
6226
6221
  .font-black {
@@ -7363,18 +7358,6 @@ h6 {
7363
7358
  color: var(--color-rainbow-9-text) !important;
7364
7359
  }
7365
7360
 
7366
- .visually-hidden {
7367
- position: absolute !important;
7368
- padding: 0 !important;
7369
- border: 0 !important;
7370
- overflow: hidden !important;
7371
- white-space: nowrap !important;
7372
- width: 1px !important;
7373
- height: 1px !important;
7374
- margin: -1px !important;
7375
- clip: rect(0, 0, 0, 0) !important;
7376
- }
7377
-
7378
7361
  .w-inherit {
7379
7362
  width: inherit !important;
7380
7363
  }
@@ -11906,74 +11889,50 @@ h6 {
11906
11889
 
11907
11890
  .sm\:text-2xl {
11908
11891
  font-size: var(--font-size-2xl) !important;
11909
- line-height: var(--line-height-2xl) !important;
11910
11892
  }
11911
11893
 
11912
11894
  .sm\:text-3xl {
11913
11895
  font-size: var(--font-size-3xl) !important;
11914
- line-height: var(--line-height-3xl) !important;
11915
11896
  }
11916
11897
 
11917
11898
  .sm\:text-4xl {
11918
11899
  font-size: var(--font-size-4xl) !important;
11919
- line-height: var(--line-height-4xl) !important;
11920
11900
  }
11921
11901
 
11922
11902
  .sm\:text-5xl {
11923
11903
  font-size: var(--font-size-5xl) !important;
11924
- line-height: var(--line-height-5xl) !important;
11925
11904
  }
11926
11905
 
11927
11906
  .sm\:text-6xl {
11928
11907
  font-size: var(--font-size-6xl) !important;
11929
- line-height: var(--line-height-6xl) !important;
11930
11908
  }
11931
11909
 
11932
11910
  .sm\:text-7xl {
11933
11911
  font-size: var(--font-size-7xl) !important;
11934
- line-height: var(--line-height-7xl) !important;
11935
11912
  }
11936
11913
 
11937
11914
  .sm\:text-8xl {
11938
11915
  font-size: var(--font-size-8xl) !important;
11939
- line-height: var(--line-height-8xl) !important;
11940
11916
  }
11941
11917
 
11942
11918
  .sm\:text-9xl {
11943
11919
  font-size: var(--font-size-9xl) !important;
11944
- line-height: var(--line-height-9xl) !important;
11945
11920
  }
11946
11921
 
11947
11922
  .sm\:text-lg {
11948
11923
  font-size: var(--font-size-lg) !important;
11949
- line-height: var(--line-height-lg) !important;
11950
11924
  }
11951
11925
 
11952
11926
  .sm\:text-sm {
11953
11927
  font-size: var(--font-size-sm) !important;
11954
- line-height: var(--line-height-sm) !important;
11955
11928
  }
11956
11929
 
11957
11930
  .sm\:text-xl {
11958
11931
  font-size: var(--font-size-xl) !important;
11959
- line-height: var(--line-height-xl) !important;
11960
11932
  }
11961
11933
 
11962
11934
  .sm\:text-xs {
11963
11935
  font-size: var(--font-size-xs) !important;
11964
- line-height: var(--line-height-xs) !important;
11965
- }
11966
-
11967
- .sm\:visually-hidden {
11968
- position: absolute !important;
11969
- padding: 0 !important;
11970
- border: 0 !important;
11971
- overflow: hidden !important;
11972
- white-space: nowrap !important;
11973
- width: 1px !important;
11974
- height: 1px !important;
11975
- margin: -1px !important;
11976
- clip: rect(0, 0, 0, 0) !important;
11977
11936
  }
11978
11937
  }
11979
11938
 
@@ -15901,74 +15860,50 @@ h6 {
15901
15860
 
15902
15861
  .md\:text-2xl {
15903
15862
  font-size: var(--font-size-2xl) !important;
15904
- line-height: var(--line-height-2xl) !important;
15905
15863
  }
15906
15864
 
15907
15865
  .md\:text-3xl {
15908
15866
  font-size: var(--font-size-3xl) !important;
15909
- line-height: var(--line-height-3xl) !important;
15910
15867
  }
15911
15868
 
15912
15869
  .md\:text-4xl {
15913
15870
  font-size: var(--font-size-4xl) !important;
15914
- line-height: var(--line-height-4xl) !important;
15915
15871
  }
15916
15872
 
15917
15873
  .md\:text-5xl {
15918
15874
  font-size: var(--font-size-5xl) !important;
15919
- line-height: var(--line-height-5xl) !important;
15920
15875
  }
15921
15876
 
15922
15877
  .md\:text-6xl {
15923
15878
  font-size: var(--font-size-6xl) !important;
15924
- line-height: var(--line-height-6xl) !important;
15925
15879
  }
15926
15880
 
15927
15881
  .md\:text-7xl {
15928
15882
  font-size: var(--font-size-7xl) !important;
15929
- line-height: var(--line-height-7xl) !important;
15930
15883
  }
15931
15884
 
15932
15885
  .md\:text-8xl {
15933
15886
  font-size: var(--font-size-8xl) !important;
15934
- line-height: var(--line-height-8xl) !important;
15935
15887
  }
15936
15888
 
15937
15889
  .md\:text-9xl {
15938
15890
  font-size: var(--font-size-9xl) !important;
15939
- line-height: var(--line-height-9xl) !important;
15940
15891
  }
15941
15892
 
15942
15893
  .md\:text-lg {
15943
15894
  font-size: var(--font-size-lg) !important;
15944
- line-height: var(--line-height-lg) !important;
15945
15895
  }
15946
15896
 
15947
15897
  .md\:text-sm {
15948
15898
  font-size: var(--font-size-sm) !important;
15949
- line-height: var(--line-height-sm) !important;
15950
15899
  }
15951
15900
 
15952
15901
  .md\:text-xl {
15953
15902
  font-size: var(--font-size-xl) !important;
15954
- line-height: var(--line-height-xl) !important;
15955
15903
  }
15956
15904
 
15957
15905
  .md\:text-xs {
15958
15906
  font-size: var(--font-size-xs) !important;
15959
- line-height: var(--line-height-xs) !important;
15960
- }
15961
-
15962
- .md\:visually-hidden {
15963
- position: absolute !important;
15964
- padding: 0 !important;
15965
- border: 0 !important;
15966
- overflow: hidden !important;
15967
- white-space: nowrap !important;
15968
- width: 1px !important;
15969
- height: 1px !important;
15970
- margin: -1px !important;
15971
- clip: rect(0, 0, 0, 0) !important;
15972
15907
  }
15973
15908
  }
15974
15909
 
@@ -19896,74 +19831,50 @@ h6 {
19896
19831
 
19897
19832
  .lg\:text-2xl {
19898
19833
  font-size: var(--font-size-2xl) !important;
19899
- line-height: var(--line-height-2xl) !important;
19900
19834
  }
19901
19835
 
19902
19836
  .lg\:text-3xl {
19903
19837
  font-size: var(--font-size-3xl) !important;
19904
- line-height: var(--line-height-3xl) !important;
19905
19838
  }
19906
19839
 
19907
19840
  .lg\:text-4xl {
19908
19841
  font-size: var(--font-size-4xl) !important;
19909
- line-height: var(--line-height-4xl) !important;
19910
19842
  }
19911
19843
 
19912
19844
  .lg\:text-5xl {
19913
19845
  font-size: var(--font-size-5xl) !important;
19914
- line-height: var(--line-height-5xl) !important;
19915
19846
  }
19916
19847
 
19917
19848
  .lg\:text-6xl {
19918
19849
  font-size: var(--font-size-6xl) !important;
19919
- line-height: var(--line-height-6xl) !important;
19920
19850
  }
19921
19851
 
19922
19852
  .lg\:text-7xl {
19923
19853
  font-size: var(--font-size-7xl) !important;
19924
- line-height: var(--line-height-7xl) !important;
19925
19854
  }
19926
19855
 
19927
19856
  .lg\:text-8xl {
19928
19857
  font-size: var(--font-size-8xl) !important;
19929
- line-height: var(--line-height-8xl) !important;
19930
19858
  }
19931
19859
 
19932
19860
  .lg\:text-9xl {
19933
19861
  font-size: var(--font-size-9xl) !important;
19934
- line-height: var(--line-height-9xl) !important;
19935
19862
  }
19936
19863
 
19937
19864
  .lg\:text-lg {
19938
19865
  font-size: var(--font-size-lg) !important;
19939
- line-height: var(--line-height-lg) !important;
19940
19866
  }
19941
19867
 
19942
19868
  .lg\:text-sm {
19943
19869
  font-size: var(--font-size-sm) !important;
19944
- line-height: var(--line-height-sm) !important;
19945
19870
  }
19946
19871
 
19947
19872
  .lg\:text-xl {
19948
19873
  font-size: var(--font-size-xl) !important;
19949
- line-height: var(--line-height-xl) !important;
19950
19874
  }
19951
19875
 
19952
19876
  .lg\:text-xs {
19953
19877
  font-size: var(--font-size-xs) !important;
19954
- line-height: var(--line-height-xs) !important;
19955
- }
19956
-
19957
- .lg\:visually-hidden {
19958
- position: absolute !important;
19959
- padding: 0 !important;
19960
- border: 0 !important;
19961
- overflow: hidden !important;
19962
- white-space: nowrap !important;
19963
- width: 1px !important;
19964
- height: 1px !important;
19965
- margin: -1px !important;
19966
- clip: rect(0, 0, 0, 0) !important;
19967
19878
  }
19968
19879
  }
19969
19880
 
@@ -23891,74 +23802,50 @@ h6 {
23891
23802
 
23892
23803
  .xl\:text-2xl {
23893
23804
  font-size: var(--font-size-2xl) !important;
23894
- line-height: var(--line-height-2xl) !important;
23895
23805
  }
23896
23806
 
23897
23807
  .xl\:text-3xl {
23898
23808
  font-size: var(--font-size-3xl) !important;
23899
- line-height: var(--line-height-3xl) !important;
23900
23809
  }
23901
23810
 
23902
23811
  .xl\:text-4xl {
23903
23812
  font-size: var(--font-size-4xl) !important;
23904
- line-height: var(--line-height-4xl) !important;
23905
23813
  }
23906
23814
 
23907
23815
  .xl\:text-5xl {
23908
23816
  font-size: var(--font-size-5xl) !important;
23909
- line-height: var(--line-height-5xl) !important;
23910
23817
  }
23911
23818
 
23912
23819
  .xl\:text-6xl {
23913
23820
  font-size: var(--font-size-6xl) !important;
23914
- line-height: var(--line-height-6xl) !important;
23915
23821
  }
23916
23822
 
23917
23823
  .xl\:text-7xl {
23918
23824
  font-size: var(--font-size-7xl) !important;
23919
- line-height: var(--line-height-7xl) !important;
23920
23825
  }
23921
23826
 
23922
23827
  .xl\:text-8xl {
23923
23828
  font-size: var(--font-size-8xl) !important;
23924
- line-height: var(--line-height-8xl) !important;
23925
23829
  }
23926
23830
 
23927
23831
  .xl\:text-9xl {
23928
23832
  font-size: var(--font-size-9xl) !important;
23929
- line-height: var(--line-height-9xl) !important;
23930
23833
  }
23931
23834
 
23932
23835
  .xl\:text-lg {
23933
23836
  font-size: var(--font-size-lg) !important;
23934
- line-height: var(--line-height-lg) !important;
23935
23837
  }
23936
23838
 
23937
23839
  .xl\:text-sm {
23938
23840
  font-size: var(--font-size-sm) !important;
23939
- line-height: var(--line-height-sm) !important;
23940
23841
  }
23941
23842
 
23942
23843
  .xl\:text-xl {
23943
23844
  font-size: var(--font-size-xl) !important;
23944
- line-height: var(--line-height-xl) !important;
23945
23845
  }
23946
23846
 
23947
23847
  .xl\:text-xs {
23948
23848
  font-size: var(--font-size-xs) !important;
23949
- line-height: var(--line-height-xs) !important;
23950
- }
23951
-
23952
- .xl\:visually-hidden {
23953
- position: absolute !important;
23954
- padding: 0 !important;
23955
- border: 0 !important;
23956
- overflow: hidden !important;
23957
- white-space: nowrap !important;
23958
- width: 1px !important;
23959
- height: 1px !important;
23960
- margin: -1px !important;
23961
- clip: rect(0, 0, 0, 0) !important;
23962
23849
  }
23963
23850
  }
23964
23851
 
@@ -27886,74 +27773,50 @@ h6 {
27886
27773
 
27887
27774
  .\32xl\:text-2xl {
27888
27775
  font-size: var(--font-size-2xl) !important;
27889
- line-height: var(--line-height-2xl) !important;
27890
27776
  }
27891
27777
 
27892
27778
  .\32xl\:text-3xl {
27893
27779
  font-size: var(--font-size-3xl) !important;
27894
- line-height: var(--line-height-3xl) !important;
27895
27780
  }
27896
27781
 
27897
27782
  .\32xl\:text-4xl {
27898
27783
  font-size: var(--font-size-4xl) !important;
27899
- line-height: var(--line-height-4xl) !important;
27900
27784
  }
27901
27785
 
27902
27786
  .\32xl\:text-5xl {
27903
27787
  font-size: var(--font-size-5xl) !important;
27904
- line-height: var(--line-height-5xl) !important;
27905
27788
  }
27906
27789
 
27907
27790
  .\32xl\:text-6xl {
27908
27791
  font-size: var(--font-size-6xl) !important;
27909
- line-height: var(--line-height-6xl) !important;
27910
27792
  }
27911
27793
 
27912
27794
  .\32xl\:text-7xl {
27913
27795
  font-size: var(--font-size-7xl) !important;
27914
- line-height: var(--line-height-7xl) !important;
27915
27796
  }
27916
27797
 
27917
27798
  .\32xl\:text-8xl {
27918
27799
  font-size: var(--font-size-8xl) !important;
27919
- line-height: var(--line-height-8xl) !important;
27920
27800
  }
27921
27801
 
27922
27802
  .\32xl\:text-9xl {
27923
27803
  font-size: var(--font-size-9xl) !important;
27924
- line-height: var(--line-height-9xl) !important;
27925
27804
  }
27926
27805
 
27927
27806
  .\32xl\:text-lg {
27928
27807
  font-size: var(--font-size-lg) !important;
27929
- line-height: var(--line-height-lg) !important;
27930
27808
  }
27931
27809
 
27932
27810
  .\32xl\:text-sm {
27933
27811
  font-size: var(--font-size-sm) !important;
27934
- line-height: var(--line-height-sm) !important;
27935
27812
  }
27936
27813
 
27937
27814
  .\32xl\:text-xl {
27938
27815
  font-size: var(--font-size-xl) !important;
27939
- line-height: var(--line-height-xl) !important;
27940
27816
  }
27941
27817
 
27942
27818
  .\32xl\:text-xs {
27943
27819
  font-size: var(--font-size-xs) !important;
27944
- line-height: var(--line-height-xs) !important;
27945
- }
27946
-
27947
- .\32xl\:visually-hidden {
27948
- position: absolute !important;
27949
- padding: 0 !important;
27950
- border: 0 !important;
27951
- overflow: hidden !important;
27952
- white-space: nowrap !important;
27953
- width: 1px !important;
27954
- height: 1px !important;
27955
- margin: -1px !important;
27956
- clip: rect(0, 0, 0, 0) !important;
27957
27820
  }
27958
27821
  }
27959
27822
 
@@ -28516,67 +28379,54 @@ h6 {
28516
28379
 
28517
28380
  .dark\:text-2xl {
28518
28381
  font-size: var(--font-size-2xl) !important;
28519
- line-height: var(--line-height-2xl) !important;
28520
28382
  }
28521
28383
 
28522
28384
  .dark\:text-3xl {
28523
28385
  font-size: var(--font-size-3xl) !important;
28524
- line-height: var(--line-height-3xl) !important;
28525
28386
  }
28526
28387
 
28527
28388
  .dark\:text-4xl {
28528
28389
  font-size: var(--font-size-4xl) !important;
28529
- line-height: var(--line-height-4xl) !important;
28530
28390
  }
28531
28391
 
28532
28392
  .dark\:text-5xl {
28533
28393
  font-size: var(--font-size-5xl) !important;
28534
- line-height: var(--line-height-5xl) !important;
28535
28394
  }
28536
28395
 
28537
28396
  .dark\:text-6xl {
28538
28397
  font-size: var(--font-size-6xl) !important;
28539
- line-height: var(--line-height-6xl) !important;
28540
28398
  }
28541
28399
 
28542
28400
  .dark\:text-7xl {
28543
28401
  font-size: var(--font-size-7xl) !important;
28544
- line-height: var(--line-height-7xl) !important;
28545
28402
  }
28546
28403
 
28547
28404
  .dark\:text-8xl {
28548
28405
  font-size: var(--font-size-8xl) !important;
28549
- line-height: var(--line-height-8xl) !important;
28550
28406
  }
28551
28407
 
28552
28408
  .dark\:text-9xl {
28553
28409
  font-size: var(--font-size-9xl) !important;
28554
- line-height: var(--line-height-9xl) !important;
28555
28410
  }
28556
28411
 
28557
28412
  .dark\:text-lg {
28558
28413
  font-size: var(--font-size-lg) !important;
28559
- line-height: var(--line-height-lg) !important;
28560
28414
  }
28561
28415
 
28562
28416
  .dark\:text-md {
28563
28417
  font-size: var(--font-size-md) !important;
28564
- line-height: var(--line-height-md) !important;
28565
28418
  }
28566
28419
 
28567
28420
  .dark\:text-sm {
28568
28421
  font-size: var(--font-size-sm) !important;
28569
- line-height: var(--line-height-sm) !important;
28570
28422
  }
28571
28423
 
28572
28424
  .dark\:text-xl {
28573
28425
  font-size: var(--font-size-xl) !important;
28574
- line-height: var(--line-height-xl) !important;
28575
28426
  }
28576
28427
 
28577
28428
  .dark\:text-xs {
28578
28429
  font-size: var(--font-size-xs) !important;
28579
- line-height: var(--line-height-xs) !important;
28580
28430
  }
28581
28431
 
28582
28432
  .dark\:text-amber-100 {
package/dist/plugin/nova-plugin.js CHANGED
@@ -74,17 +74,6 @@ export const novaTailwindPlugin = plugin(({ addUtilities, addComponents, addBase
74
74
  });
75
75
  addUtilities({
76
76
  ...NOVA_TAILWIND_TOKENS,
77
- '.visually-hidden': {
78
- position: 'absolute',
79
- padding: '0',
80
- border: '0',
81
- overflow: 'hidden',
82
- 'white-space': 'nowrap',
83
- width: '1px',
84
- height: '1px',
85
- margin: '-1px',
86
- clip: 'rect(0, 0, 0, 0)',
87
- },
88
77
  '.w-inherit': {
89
78
  width: 'inherit',
90
79
  },
package/dist/plugin/nova-safelist.js CHANGED
@@ -263,6 +263,7 @@ const fontWeight = [
263
263
  pattern: /^font-(thin|extralight|light|normal|medium|semibold|bold|extrabold|black)$/,
264
264
  },
265
265
  ];
266
+ const fontFamily = [{ pattern: /^font-(sans|serif|mono)$/ }];
266
267
  const borders = [
267
268
  { pattern: /^border$/ },
268
269
  { pattern: /^border-(\d+|0)$/ },
@@ -313,7 +314,6 @@ const resize = [
313
314
  ];
314
315
  // From the nova tailwind plugin (nova-plugin.ts)
315
316
  const utils = [
316
- { pattern: /^visually-hidden$/, variants: responsive },
317
317
  { pattern: /^text-(high|medium|low)$/ },
318
318
  { pattern: /^bg-level-(00|10|20|30|40)(-hover)?$/ },
319
319
  { pattern: /^border-(high|medium|low)$/ },
@@ -342,6 +342,7 @@ export const novaThemeSafelist = [
342
342
  ...whitespace,
343
343
  ...verticalAlign,
344
344
  ...fontWeight,
345
+ ...fontFamily,
345
346
  ...borders,
346
347
  ...width,
347
348
  ...height,
package/dist/plugin/nova-theme.d.ts CHANGED
@@ -55,19 +55,19 @@ export declare const borderRadius: {
55
55
  full: string;
56
56
  };
57
57
  export declare const fontSize: {
58
- xs: [string, string];
59
- sm: [string, string];
60
- md: [string, string];
61
- lg: [string, string];
62
- xl: [string, string];
63
- '2xl': [string, string];
64
- '3xl': [string, string];
65
- '4xl': [string, string];
66
- '5xl': [string, string];
67
- '6xl': [string, string];
68
- '7xl': [string, string];
69
- '8xl': [string, string];
70
- '9xl': [string, string];
58
+ xs: string;
59
+ sm: string;
60
+ md: string;
61
+ lg: string;
62
+ xl: string;
63
+ '2xl': string;
64
+ '3xl': string;
65
+ '4xl': string;
66
+ '5xl': string;
67
+ '6xl': string;
68
+ '7xl': string;
69
+ '8xl': string;
70
+ '9xl': string;
71
71
  };
72
72
  export declare const lineHeight: {
73
73
  xs: string;
package/dist/plugin/nova-theme.js CHANGED
@@ -54,19 +54,19 @@ export const borderRadius = {
54
54
  full: 'var(--radius-rounded-full)',
55
55
  };
56
56
  export const fontSize = {
57
- xs: ['var(--font-size-xs)', 'var(--line-height-xs)'],
58
- sm: ['var(--font-size-sm)', 'var(--line-height-sm)'],
59
- md: ['var(--font-size-md)', 'var(--line-height-md)'],
60
- lg: ['var(--font-size-lg)', 'var(--line-height-lg)'],
61
- xl: ['var(--font-size-xl)', 'var(--line-height-xl)'],
62
- '2xl': ['var(--font-size-2xl)', 'var(--line-height-2xl)'],
63
- '3xl': ['var(--font-size-3xl)', 'var(--line-height-3xl)'],
64
- '4xl': ['var(--font-size-4xl)', 'var(--line-height-4xl)'],
65
- '5xl': ['var(--font-size-5xl)', 'var(--line-height-5xl)'],
66
- '6xl': ['var(--font-size-6xl)', 'var(--line-height-6xl)'],
67
- '7xl': ['var(--font-size-7xl)', 'var(--line-height-7xl)'],
68
- '8xl': ['var(--font-size-8xl)', 'var(--line-height-8xl)'],
69
- '9xl': ['var(--font-size-9xl)', 'var(--line-height-9xl)'],
57
+ xs: 'var(--font-size-xs)',
58
+ sm: 'var(--font-size-sm)',
59
+ md: 'var(--font-size-md)',
60
+ lg: 'var(--font-size-lg)',
61
+ xl: 'var(--font-size-xl)',
62
+ '2xl': 'var(--font-size-2xl)',
63
+ '3xl': 'var(--font-size-3xl)',
64
+ '4xl': 'var(--font-size-4xl)',
65
+ '5xl': 'var(--font-size-5xl)',
66
+ '6xl': 'var(--font-size-6xl)',
67
+ '7xl': 'var(--font-size-7xl)',
68
+ '8xl': 'var(--font-size-8xl)',
69
+ '9xl': 'var(--font-size-9xl)',
70
70
  };
71
71
  export const lineHeight = {
72
72
  xs: 'var(--line-height-xs)',
@@ -86,18 +86,6 @@ export const lineHeight = {
86
86
  export const colors = {
87
87
  background: 'var(--color-level-00-background)',
88
88
  text: 'var(--color-content-medium-text)',
89
- brand: {
90
- 50: 'var(--color-brand-50)',
91
- 100: 'var(--color-brand-100)',
92
- 200: 'var(--color-brand-200)',
93
- 300: 'var(--color-brand-300)',
94
- 400: 'var(--color-brand-400)',
95
- 500: 'var(--color-brand-500)',
96
- 600: 'var(--color-brand-600)',
97
- 700: 'var(--color-brand-700)',
98
- 800: 'var(--color-brand-800)',
99
- 900: 'var(--color-brand-900)',
100
- },
101
89
  green: {
102
90
  50: 'var(--color-green-50)',
103
91
  100: 'var(--color-green-100)',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nova-design-system/nova-base",
3
- "version": "3.0.0-beta.44",
3
+ "version": "3.0.0-beta.46",
4
4
  "description": "Nova is a design system created by Elia Group to empower creators to efficiently build solutions that people love to use.",
5
5
  "author": "Elia Group",
6
6
  "homepage": "https://nova.eliagroup.io",