@shohojdhara/atomix 0.5.2 → 0.5.5
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.
- package/atomix.config.ts +33 -33
- package/dist/atomix.css +3213 -159
- package/dist/atomix.css.map +1 -1
- package/dist/atomix.min.css +5 -5
- package/dist/atomix.min.css.map +1 -1
- package/dist/config.d.ts +187 -112
- package/dist/config.js +2 -47
- package/dist/config.js.map +1 -1
- package/dist/index.d.ts +1958 -900
- package/dist/index.esm.js +2279 -382
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +2332 -413
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/dist/theme.d.ts +1390 -276
- package/dist/theme.js +2125 -621
- package/dist/theme.js.map +1 -1
- package/package.json +1 -1
- package/scripts/cli/internal/config-loader.js +30 -20
- package/src/lib/config/index.ts +38 -362
- package/src/lib/config/loader.ts +422 -0
- package/src/lib/config/public-api.ts +43 -0
- package/src/lib/config/types.ts +389 -0
- package/src/lib/config/validator.ts +305 -0
- package/src/lib/theme/adapters/index.ts +1 -1
- package/src/lib/theme/adapters/themeAdapter.ts +358 -229
- package/src/lib/theme/components/ThemeToggle.tsx +276 -0
- package/src/lib/theme/config/configLoader.ts +351 -0
- package/src/lib/theme/config/loader.ts +221 -0
- package/src/lib/theme/core/createTheme.ts +126 -50
- package/src/lib/theme/core/createThemeObject.ts +7 -4
- package/src/lib/theme/hooks/useThemeSwitcher.ts +164 -0
- package/src/lib/theme/index.ts +322 -38
- package/src/lib/theme/runtime/ThemeProvider.tsx +44 -10
- package/src/lib/theme/runtime/__tests__/ThemeProvider.test.tsx +44 -393
- package/src/lib/theme/runtime/useTheme.ts +1 -0
- package/src/lib/theme/tokens/tokens.ts +101 -1
- package/src/lib/theme/types.ts +91 -0
- package/src/lib/theme/utils/performanceMonitor.ts +315 -0
- package/src/lib/theme/utils/responsive.ts +280 -0
- package/src/lib/theme/utils/themeUtils.ts +531 -117
- package/src/styles/01-settings/_settings.background.scss +34 -5
- package/src/styles/02-tools/_tools.background.scss +330 -52
- package/src/styles/05-objects/_objects.masonry-grid.scss +3 -3
- package/src/styles/06-components/_components.accordion.scss +2 -2
- package/src/styles/06-components/_components.badge.scss +1 -1
- package/src/styles/06-components/_components.button.scss +2 -2
- package/src/styles/06-components/_components.callout.scss +2 -2
- package/src/styles/06-components/_components.card.scss +1 -1
- package/src/styles/06-components/_components.dropdown.scss +1 -1
- package/src/styles/06-components/_components.dynamic-background.scss +69 -0
- package/src/styles/06-components/_components.edge-panel.scss +2 -2
- package/src/styles/06-components/_components.input.scss +3 -3
- package/src/styles/06-components/_components.messages.scss +6 -6
- package/src/styles/06-components/_components.modal.scss +1 -1
- package/src/styles/06-components/_components.navbar.scss +1 -1
- package/src/styles/06-components/_components.popover.scss +1 -1
- package/src/styles/06-components/_components.toggle.scss +1 -1
- package/src/styles/06-components/_components.tooltip.scss +3 -3
- package/src/styles/06-components/_index.scss +1 -0
|
@@ -348,7 +348,7 @@
|
|
|
348
348
|
padding: rem.rem(8px);
|
|
349
349
|
@include dynamic-background(
|
|
350
350
|
var(--#{config.$prefix}body-bg),
|
|
351
|
-
$
|
|
351
|
+
$enable-transparency: true,
|
|
352
352
|
$transparency: 0.15
|
|
353
353
|
);
|
|
354
354
|
}
|
|
@@ -357,7 +357,7 @@
|
|
|
357
357
|
#{$root}__text {
|
|
358
358
|
@include dynamic-background(
|
|
359
359
|
var(--#{config.$prefix}body-bg),
|
|
360
|
-
$
|
|
360
|
+
$enable-transparency: true
|
|
361
361
|
);
|
|
362
362
|
backdrop-filter: blur(8px);
|
|
363
363
|
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
@@ -369,7 +369,7 @@
|
|
|
369
369
|
#{$root}__text {
|
|
370
370
|
@include dynamic-background(
|
|
371
371
|
var(--#{config.$prefix}brand-bg-subtle),
|
|
372
|
-
$
|
|
372
|
+
$enable-transparency: true
|
|
373
373
|
);
|
|
374
374
|
border: 1px solid rgba(var(--#{config.$prefix}primary-rgb), 0.3);
|
|
375
375
|
backdrop-filter: blur(8px);
|
|
@@ -378,7 +378,7 @@
|
|
|
378
378
|
#{$root}__file {
|
|
379
379
|
@include dynamic-background(
|
|
380
380
|
var(--#{config.$prefix}brand-bg-subtle),
|
|
381
|
-
$
|
|
381
|
+
$enable-transparency: true
|
|
382
382
|
);
|
|
383
383
|
border: 1px solid rgba(var(--#{config.$prefix}primary-rgb), 0.3);
|
|
384
384
|
backdrop-filter: blur(8px);
|
|
@@ -389,7 +389,7 @@
|
|
|
389
389
|
#{$root}__file {
|
|
390
390
|
@include dynamic-background(
|
|
391
391
|
var(--#{config.$prefix}brand-bg-subtle),
|
|
392
|
-
$
|
|
392
|
+
$enable-transparency: true
|
|
393
393
|
);
|
|
394
394
|
border: 1px solid rgba(var(--#{config.$prefix}primary-rgb), 0.3);
|
|
395
395
|
backdrop-filter: blur(8px);
|
|
@@ -400,7 +400,7 @@
|
|
|
400
400
|
#{$root}__file-icon {
|
|
401
401
|
@include dynamic-background(
|
|
402
402
|
var(--#{config.$prefix}brand-bg-subtle),
|
|
403
|
-
$
|
|
403
|
+
$enable-transparency: true
|
|
404
404
|
);
|
|
405
405
|
backdrop-filter: blur(8px);
|
|
406
406
|
border: 1px solid rgba(255, 255, 255, 0.15);
|
|
@@ -252,7 +252,7 @@
|
|
|
252
252
|
&--glass {
|
|
253
253
|
position: relative;
|
|
254
254
|
background-color: transparent;
|
|
255
|
-
@include dynamic-background(var(--#{$prefix}navbar-bg), $
|
|
255
|
+
@include dynamic-background(var(--#{$prefix}navbar-bg), $enable-transparency: true);
|
|
256
256
|
}
|
|
257
257
|
|
|
258
258
|
&--fixed-bottom {
|
|
@@ -87,21 +87,21 @@
|
|
|
87
87
|
#{$root}__content {
|
|
88
88
|
@include dynamic-background(
|
|
89
89
|
var(--#{$prefix}tooltip-bg),
|
|
90
|
-
$
|
|
90
|
+
$enable-transparency: true,
|
|
91
91
|
$transparency: 0.3
|
|
92
92
|
);
|
|
93
93
|
}
|
|
94
94
|
#{$root}__arrow {
|
|
95
95
|
@include dynamic-background(
|
|
96
96
|
var(--#{$prefix}tooltip-bg),
|
|
97
|
-
$
|
|
97
|
+
$enable-transparency: true,
|
|
98
98
|
$transparency: 0.3
|
|
99
99
|
);
|
|
100
100
|
}
|
|
101
101
|
#{$root}__arrow {
|
|
102
102
|
@include dynamic-background(
|
|
103
103
|
var(--#{$prefix}tooltip-bg),
|
|
104
|
-
$
|
|
104
|
+
$enable-transparency: true,
|
|
105
105
|
$transparency: 0.3
|
|
106
106
|
);
|
|
107
107
|
}
|