@aquera/nile-elements 0.1.50-beta-1.6 → 0.1.50-beta-1.8
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/README.md +6 -0
- package/dist/index.js +1 -1
- package/dist/nile-slide-toggle/nile-slide-toggle.css.cjs.js +1 -1
- package/dist/nile-slide-toggle/nile-slide-toggle.css.cjs.js.map +1 -1
- package/dist/nile-slide-toggle/nile-slide-toggle.css.esm.js +1 -1
- package/dist/src/nile-slide-toggle/nile-slide-toggle.css.js +1 -1
- package/dist/src/nile-slide-toggle/nile-slide-toggle.css.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/nile-slide-toggle/nile-slide-toggle.css.ts +1 -1
package/README.md
CHANGED
|
@@ -79,6 +79,12 @@ To run a local development server that serves the basic demo located in `demo/in
|
|
|
79
79
|
|
|
80
80
|
In this section, you can find the updates for each release of `nile-elements`. It's a good practice to maintain detailed release notes to help users and developers understand what changes have been made from one version to another and how these changes might affect their projects.
|
|
81
81
|
|
|
82
|
+
#### Version 0.1.50-beta-1.8
|
|
83
|
+
- Nile Tokenization: Admin UI defect fixes
|
|
84
|
+
|
|
85
|
+
#### Version 0.1.50-beta-1.7
|
|
86
|
+
- Nile Tokenization: Admin UI defect fixes
|
|
87
|
+
|
|
82
88
|
#### Version 0.1.50-beta-1.6
|
|
83
89
|
- Nile Tokenization: Admin UI defect fixes
|
|
84
90
|
- Dependency Nile 0.3.70-beta-1.6
|
package/dist/index.js
CHANGED
|
@@ -3048,7 +3048,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
|
|
|
3048
3048
|
color: var(--nile-colors-gray-light-mode-600, var(--ng-colors-text-tertiary-600));
|
|
3049
3049
|
font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));
|
|
3050
3050
|
font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
|
|
3051
|
-
line-height: var(--nile-
|
|
3051
|
+
line-height: var(--nile-type-scale-5, var(--ng-line-height-text-sm));
|
|
3052
3052
|
}
|
|
3053
3053
|
|
|
3054
3054
|
.nile-slide--disabled .nile-slide-toggle__label,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host{\n --slide-toggle-width:auto;\n display:inline-block;\n width:var(--slide-toggle-width);\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .nile-slide-toggle {\n display: inline-flex;\n align-items: baseline;\n justify-content:space-between;\n width:100%;\n }\n\n .nile-slide-toggle--reverse{\n flex-direction:row-reverse;\n }\n\n .nile-slide-toggle__switch {\n flex: 0 0 auto;\n position: relative;\n display: inline-block;\n width: 36px;\n height: 20px;\n line-height: var(--nile-height-22px, var(--ng-height-20px));\n }\n\n .nile-slide-toggle__switch--left{\n margin-right: var(--nile-spacing-md, var(--ng-spacing-md));\n }\n\n .nile-slide-toggle__switch--right{\n margin-left: var(--nile-spacing-md, var(--ng-spacing-md));\n }\n\n .nile-slide-toggle__label {\n display: flex;\n flex-direction: column;\n gap: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n letter-spacing: 0.2px;\n font-style: normal;\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n line-height: var(--nile-spacing-spacing-2xl, var(--ng-line-height-text-sm));\n }\n\n .nile-slide-toggle__sublabel {\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n letter-spacing: 0.2px;\n font-style: normal;\n color: var(--nile-colors-gray-light-mode-600, var(--ng-colors-text-tertiary-600));\n font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n line-height: var(--nile-
|
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host{\n --slide-toggle-width:auto;\n display:inline-block;\n width:var(--slide-toggle-width);\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .nile-slide-toggle {\n display: inline-flex;\n align-items: baseline;\n justify-content:space-between;\n width:100%;\n }\n\n .nile-slide-toggle--reverse{\n flex-direction:row-reverse;\n }\n\n .nile-slide-toggle__switch {\n flex: 0 0 auto;\n position: relative;\n display: inline-block;\n width: 36px;\n height: 20px;\n line-height: var(--nile-height-22px, var(--ng-height-20px));\n }\n\n .nile-slide-toggle__switch--left{\n margin-right: var(--nile-spacing-md, var(--ng-spacing-md));\n }\n\n .nile-slide-toggle__switch--right{\n margin-left: var(--nile-spacing-md, var(--ng-spacing-md));\n }\n\n .nile-slide-toggle__label {\n display: flex;\n flex-direction: column;\n gap: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n letter-spacing: 0.2px;\n font-style: normal;\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n line-height: var(--nile-spacing-spacing-2xl, var(--ng-line-height-text-sm));\n }\n\n .nile-slide-toggle__sublabel {\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n letter-spacing: 0.2px;\n font-style: normal;\n color: var(--nile-colors-gray-light-mode-600, var(--ng-colors-text-tertiary-600));\n font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n line-height: var(--nile-type-scale-5, var(--ng-line-height-text-sm));\n }\n\n .nile-slide--disabled .nile-slide-toggle__label,\n .nile-slide--disabled .nile-slide-toggle__sublabel{\n color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n }\n\n .nile-slide-toggle__switch input {\n opacity: 0;\n width: 0;\n height: 0;\n }\n\n .nile-slide-toggle__slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: var(--nile-slide-toggle-color-background-inactive, var(--ng-colors-bg-tertiary));\n transition: 0.4s;\n border-radius: var(--nile-radius-3xl, var(--ng-radius-full));\n }\n\n .nile-slide-toggle__slider:active {\n box-shadow: var(--nile-box-shadow-4, var(--ng-focus-ring));\n }\n\n .nile-slide-toggle__slider:focus {\n box-shadow: var(--nile-box-shadow-4, var(--ng-focus-ring));\n }\n\n .nile-slide-toggle__slider:before {\n position: absolute;\n content: '';\n height: 16px;\n width: 16px;\n bottom: 2px;\n left: 2px;\n background-color: var(--nile-slide-toggle-color-indicator, var(--ng-colors-bg-primary-alt));\n transition: 0.4s;\n border-radius: var(--nile-radius-full, var(--ng-radius-full));\n box-shadow: 0px 1px 3px 0px var(--ng-colors-effects-shadow-sm-01), 0px 1px 2px -1px var(--ng-colors-effects-shadow-sm-02);\n }\n\n .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider {\n background-color: var(--nile-slide-toggle-color-background-active, var(--ng-colors-bg-brand-solid));\n }\n\n .nile-slide-toggle__switch input:focus + .nile-slide-toggle__slider {\n --focus-shadow-glow: 0 0 1px var(--nile-slide-toggle-color-background-active);\n --focus-shadow-ring: 0px 0px 0px 2px var(--ng-colors-bg-primary-alt), 0px 0px 0px 4px var(--ng-colors-effects-focus-ring);\n box-shadow: var(--focus-shadow-glow, var(--ng-focus-ring));\n }\n\n .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider:before {\n transform: translateX(16px);\n }\n\n .nile-slide-toggle__slider.round {\n border-radius: var(--nile-radius-xl, var(--ng-radius-full));\n }\n\n .nile-slide-toggle__slider.round:before {\n border-radius: var(--nile-radius-full, var(--ng-radius-full));\n }\n\n .nile-slide--disabled .nile-slide-toggle__slider {\n background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled));\n }\n\n .nile-slide--disabled .nile-slide-toggle__switch {\n pointer-events: none;\n cursor: not-allowed;\n }\n\n .nile-slide--disabled\n .nile-slide-toggle__switch\n input:checked\n + .nile-slide-toggle__slider {\n background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled));\n }\n"]))));}};});
|
|
2
2
|
//# sourceMappingURL=nile-slide-toggle.css.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-slide-toggle.css.cjs.js","sources":["../../../src/nile-slide-toggle/nile-slide-toggle.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport default css`\n :host{\n --slide-toggle-width:auto;\n display:inline-block;\n width:var(--slide-toggle-width);\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .nile-slide-toggle {\n display: inline-flex;\n align-items: baseline;\n justify-content:space-between;\n width:100%;\n }\n\n .nile-slide-toggle--reverse{\n flex-direction:row-reverse;\n }\n\n .nile-slide-toggle__switch {\n flex: 0 0 auto;\n position: relative;\n display: inline-block;\n width: 36px;\n height: 20px;\n line-height: var(--nile-height-22px, var(--ng-height-20px));\n }\n\n .nile-slide-toggle__switch--left{\n margin-right: var(--nile-spacing-md, var(--ng-spacing-md));\n }\n\n .nile-slide-toggle__switch--right{\n margin-left: var(--nile-spacing-md, var(--ng-spacing-md));\n }\n\n .nile-slide-toggle__label {\n display: flex;\n flex-direction: column;\n gap: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n letter-spacing: 0.2px;\n font-style: normal;\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n line-height: var(--nile-spacing-spacing-2xl, var(--ng-line-height-text-sm));\n }\n\n .nile-slide-toggle__sublabel {\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n letter-spacing: 0.2px;\n font-style: normal;\n color: var(--nile-colors-gray-light-mode-600, var(--ng-colors-text-tertiary-600));\n font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n line-height: var(--nile-
|
|
1
|
+
{"version":3,"file":"nile-slide-toggle.css.cjs.js","sources":["../../../src/nile-slide-toggle/nile-slide-toggle.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport default css`\n :host{\n --slide-toggle-width:auto;\n display:inline-block;\n width:var(--slide-toggle-width);\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .nile-slide-toggle {\n display: inline-flex;\n align-items: baseline;\n justify-content:space-between;\n width:100%;\n }\n\n .nile-slide-toggle--reverse{\n flex-direction:row-reverse;\n }\n\n .nile-slide-toggle__switch {\n flex: 0 0 auto;\n position: relative;\n display: inline-block;\n width: 36px;\n height: 20px;\n line-height: var(--nile-height-22px, var(--ng-height-20px));\n }\n\n .nile-slide-toggle__switch--left{\n margin-right: var(--nile-spacing-md, var(--ng-spacing-md));\n }\n\n .nile-slide-toggle__switch--right{\n margin-left: var(--nile-spacing-md, var(--ng-spacing-md));\n }\n\n .nile-slide-toggle__label {\n display: flex;\n flex-direction: column;\n gap: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n letter-spacing: 0.2px;\n font-style: normal;\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n line-height: var(--nile-spacing-spacing-2xl, var(--ng-line-height-text-sm));\n }\n\n .nile-slide-toggle__sublabel {\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n letter-spacing: 0.2px;\n font-style: normal;\n color: var(--nile-colors-gray-light-mode-600, var(--ng-colors-text-tertiary-600));\n font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n line-height: var(--nile-type-scale-5, var(--ng-line-height-text-sm));\n }\n\n .nile-slide--disabled .nile-slide-toggle__label,\n .nile-slide--disabled .nile-slide-toggle__sublabel{\n color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n }\n\n .nile-slide-toggle__switch input {\n opacity: 0;\n width: 0;\n height: 0;\n }\n\n .nile-slide-toggle__slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: var(--nile-slide-toggle-color-background-inactive, var(--ng-colors-bg-tertiary));\n transition: 0.4s;\n border-radius: var(--nile-radius-3xl, var(--ng-radius-full));\n }\n\n .nile-slide-toggle__slider:active {\n box-shadow: var(--nile-box-shadow-4, var(--ng-focus-ring));\n }\n\n .nile-slide-toggle__slider:focus {\n box-shadow: var(--nile-box-shadow-4, var(--ng-focus-ring));\n }\n\n .nile-slide-toggle__slider:before {\n position: absolute;\n content: '';\n height: 16px;\n width: 16px;\n bottom: 2px;\n left: 2px;\n background-color: var(--nile-slide-toggle-color-indicator, var(--ng-colors-bg-primary-alt));\n transition: 0.4s;\n border-radius: var(--nile-radius-full, var(--ng-radius-full));\n box-shadow: 0px 1px 3px 0px var(--ng-colors-effects-shadow-sm-01), 0px 1px 2px -1px var(--ng-colors-effects-shadow-sm-02);\n }\n\n .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider {\n background-color: var(--nile-slide-toggle-color-background-active, var(--ng-colors-bg-brand-solid));\n }\n\n .nile-slide-toggle__switch input:focus + .nile-slide-toggle__slider {\n --focus-shadow-glow: 0 0 1px var(--nile-slide-toggle-color-background-active);\n --focus-shadow-ring: 0px 0px 0px 2px var(--ng-colors-bg-primary-alt), 0px 0px 0px 4px var(--ng-colors-effects-focus-ring);\n box-shadow: var(--focus-shadow-glow, var(--ng-focus-ring));\n }\n\n .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider:before {\n transform: translateX(16px);\n }\n\n .nile-slide-toggle__slider.round {\n border-radius: var(--nile-radius-xl, var(--ng-radius-full));\n }\n\n .nile-slide-toggle__slider.round:before {\n border-radius: var(--nile-radius-full, var(--ng-radius-full));\n }\n\n .nile-slide--disabled .nile-slide-toggle__slider {\n background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled));\n }\n\n .nile-slide--disabled .nile-slide-toggle__switch {\n pointer-events: none;\n cursor: not-allowed;\n }\n\n .nile-slide--disabled\n .nile-slide-toggle__switch\n input:checked\n + .nile-slide-toggle__slider {\n background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled));\n }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAEeA,CAAAA,CAAAC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
|
@@ -56,7 +56,7 @@ import{css as e}from"lit";var i=e`
|
|
|
56
56
|
color: var(--nile-colors-gray-light-mode-600, var(--ng-colors-text-tertiary-600));
|
|
57
57
|
font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));
|
|
58
58
|
font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
|
|
59
|
-
line-height: var(--nile-
|
|
59
|
+
line-height: var(--nile-type-scale-5, var(--ng-line-height-text-sm));
|
|
60
60
|
}
|
|
61
61
|
|
|
62
62
|
.nile-slide--disabled .nile-slide-toggle__label,
|
|
@@ -57,7 +57,7 @@ export default css `
|
|
|
57
57
|
color: var(--nile-colors-gray-light-mode-600, var(--ng-colors-text-tertiary-600));
|
|
58
58
|
font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));
|
|
59
59
|
font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
|
|
60
|
-
line-height: var(--nile-
|
|
60
|
+
line-height: var(--nile-type-scale-5, var(--ng-line-height-text-sm));
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
.nile-slide--disabled .nile-slide-toggle__label,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-slide-toggle.css.js","sourceRoot":"","sources":["../../../src/nile-slide-toggle/nile-slide-toggle.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8IjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n :host{\n --slide-toggle-width:auto;\n display:inline-block;\n width:var(--slide-toggle-width);\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .nile-slide-toggle {\n display: inline-flex;\n align-items: baseline;\n justify-content:space-between;\n width:100%;\n }\n\n .nile-slide-toggle--reverse{\n flex-direction:row-reverse;\n }\n\n .nile-slide-toggle__switch {\n flex: 0 0 auto;\n position: relative;\n display: inline-block;\n width: 36px;\n height: 20px;\n line-height: var(--nile-height-22px, var(--ng-height-20px));\n }\n\n .nile-slide-toggle__switch--left{\n margin-right: var(--nile-spacing-md, var(--ng-spacing-md));\n }\n\n .nile-slide-toggle__switch--right{\n margin-left: var(--nile-spacing-md, var(--ng-spacing-md));\n }\n\n .nile-slide-toggle__label {\n display: flex;\n flex-direction: column;\n gap: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n letter-spacing: 0.2px;\n font-style: normal;\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n line-height: var(--nile-spacing-spacing-2xl, var(--ng-line-height-text-sm));\n }\n\n .nile-slide-toggle__sublabel {\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n letter-spacing: 0.2px;\n font-style: normal;\n color: var(--nile-colors-gray-light-mode-600, var(--ng-colors-text-tertiary-600));\n font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n line-height: var(--nile-
|
|
1
|
+
{"version":3,"file":"nile-slide-toggle.css.js","sourceRoot":"","sources":["../../../src/nile-slide-toggle/nile-slide-toggle.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8IjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n :host{\n --slide-toggle-width:auto;\n display:inline-block;\n width:var(--slide-toggle-width);\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .nile-slide-toggle {\n display: inline-flex;\n align-items: baseline;\n justify-content:space-between;\n width:100%;\n }\n\n .nile-slide-toggle--reverse{\n flex-direction:row-reverse;\n }\n\n .nile-slide-toggle__switch {\n flex: 0 0 auto;\n position: relative;\n display: inline-block;\n width: 36px;\n height: 20px;\n line-height: var(--nile-height-22px, var(--ng-height-20px));\n }\n\n .nile-slide-toggle__switch--left{\n margin-right: var(--nile-spacing-md, var(--ng-spacing-md));\n }\n\n .nile-slide-toggle__switch--right{\n margin-left: var(--nile-spacing-md, var(--ng-spacing-md));\n }\n\n .nile-slide-toggle__label {\n display: flex;\n flex-direction: column;\n gap: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n letter-spacing: 0.2px;\n font-style: normal;\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n line-height: var(--nile-spacing-spacing-2xl, var(--ng-line-height-text-sm));\n }\n\n .nile-slide-toggle__sublabel {\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n letter-spacing: 0.2px;\n font-style: normal;\n color: var(--nile-colors-gray-light-mode-600, var(--ng-colors-text-tertiary-600));\n font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n line-height: var(--nile-type-scale-5, var(--ng-line-height-text-sm));\n }\n\n .nile-slide--disabled .nile-slide-toggle__label,\n .nile-slide--disabled .nile-slide-toggle__sublabel{\n color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n }\n\n .nile-slide-toggle__switch input {\n opacity: 0;\n width: 0;\n height: 0;\n }\n\n .nile-slide-toggle__slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: var(--nile-slide-toggle-color-background-inactive, var(--ng-colors-bg-tertiary));\n transition: 0.4s;\n border-radius: var(--nile-radius-3xl, var(--ng-radius-full));\n }\n\n .nile-slide-toggle__slider:active {\n box-shadow: var(--nile-box-shadow-4, var(--ng-focus-ring));\n }\n\n .nile-slide-toggle__slider:focus {\n box-shadow: var(--nile-box-shadow-4, var(--ng-focus-ring));\n }\n\n .nile-slide-toggle__slider:before {\n position: absolute;\n content: '';\n height: 16px;\n width: 16px;\n bottom: 2px;\n left: 2px;\n background-color: var(--nile-slide-toggle-color-indicator, var(--ng-colors-bg-primary-alt));\n transition: 0.4s;\n border-radius: var(--nile-radius-full, var(--ng-radius-full));\n box-shadow: 0px 1px 3px 0px var(--ng-colors-effects-shadow-sm-01), 0px 1px 2px -1px var(--ng-colors-effects-shadow-sm-02);\n }\n\n .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider {\n background-color: var(--nile-slide-toggle-color-background-active, var(--ng-colors-bg-brand-solid));\n }\n\n .nile-slide-toggle__switch input:focus + .nile-slide-toggle__slider {\n --focus-shadow-glow: 0 0 1px var(--nile-slide-toggle-color-background-active);\n --focus-shadow-ring: 0px 0px 0px 2px var(--ng-colors-bg-primary-alt), 0px 0px 0px 4px var(--ng-colors-effects-focus-ring);\n box-shadow: var(--focus-shadow-glow, var(--ng-focus-ring));\n }\n\n .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider:before {\n transform: translateX(16px);\n }\n\n .nile-slide-toggle__slider.round {\n border-radius: var(--nile-radius-xl, var(--ng-radius-full));\n }\n\n .nile-slide-toggle__slider.round:before {\n border-radius: var(--nile-radius-full, var(--ng-radius-full));\n }\n\n .nile-slide--disabled .nile-slide-toggle__slider {\n background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled));\n }\n\n .nile-slide--disabled .nile-slide-toggle__switch {\n pointer-events: none;\n cursor: not-allowed;\n }\n\n .nile-slide--disabled\n .nile-slide-toggle__switch\n input:checked\n + .nile-slide-toggle__slider {\n background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled));\n }\n`;\n"]}
|