@cas-smartdesign/styles 3.6.1 → 3.7.0
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/dist/docs/doc.css +1 -1
- package/dist/docs/doc.mjs +46 -45
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +12 -12
- package/dist/theme.css +1 -1
- package/dist/theme.css.map +13 -13
- package/npm-third-party-licenses.json +51 -46
- package/package.json +4 -4
- package/readme.md +0 -2
- package/scss/modules/_app.scss +2 -2
- package/scss/modules/_base_colors.scss +44 -43
- package/scss/modules/_button.scss +16 -13
- package/scss/modules/_colors.scss +4 -3
- package/scss/modules/_index.scss +9 -9
- package/scss/modules/_link.scss +2 -1
- package/scss/modules/_misc.scss +3 -2
- package/scss/modules/_spacing.scss +10 -9
- package/scss/modules/_token.scss +8 -5
- package/scss/modules/_typography.scss +16 -13
- package/scss/styles.scss +2 -2
- package/scss/theme.scss +14 -11
- package/scss/variables/_button.scss +14 -9
- package/scss/variables/_colors.scss +6 -5
- package/scss/variables/_index.scss +5 -6
- package/scss/variables/_typography.scss +8 -4
package/dist/styles.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
.sd-primary-text,.sd-hyperlink,.sd-web-app{font-family:"Segoe UI","Lucida Sans",Arial,sans-serif;font-size:16px;color:#111}.sd-secondary-text,.sd-field-caption{font-family:"Segoe UI","Lucida Sans",Arial,sans-serif;font-size:13px;color:#767676}.sd-heading-text,.sd-content-heading{font-family:"Segoe UI Light","Segoe UI","Lucida Sans",Arial,sans-serif;font-size:24px;font-weight:lighter;color:#555}.sd-content-heading{padding-bottom:16px}.sd-app-background,.sd-web-app{background:#f2f2f2}.sd-content-background{background:#fff}.sd-web-app{margin:0;cursor:default}.sd-red{color:#cc0017 !important}.sd-red-background{background-color:#cc0017 !important}.sd-orange{color:#ff6b11 !important}.sd-orange-background{background-color:#ff6b11 !important}.sd-yellow{color:#fb1 !important}.sd-yellow-background{background-color:#fb1 !important}.sd-lightgreen{color:#8abd0c !important}.sd-lightgreen-background{background-color:#8abd0c !important}.sd-green{color:#009621 !important}.sd-green-background{background-color:#009621 !important}.sd-teal{color:#0099c5 !important}.sd-teal-background{background-color:#0099c5 !important}.sd-lightblue{color:#0d98ff !important}.sd-lightblue-background{background-color:#0d98ff !important}.sd-blue{color:#1467ba !important}.sd-blue-background{background-color:#1467ba !important}.sd-pink{color:#c41579 !important}.sd-pink-background{background-color:#c41579 !important}.sd-purple{color:#6c127b !important}.sd-purple-background{background-color:#6c127b !important}.sd-brown{color:#593b20 !important}.sd-brown-background{background-color:#593b20 !important}.sd-white{color:#fff !important}.sd-white-background{background-color:#fff !important}.sd-palegrey{color:#f2f2f2 !important}.sd-palegrey-background{background-color:#f2f2f2 !important}.sd-lightgrey{color:#d9d9d9 !important}.sd-lightgrey-background{background-color:#d9d9d9 !important}.sd-silver{color:#ccc !important}.sd-silver-background{background-color:#ccc !important}.sd-grey{color:#767676 !important}.sd-grey-background{background-color:#767676 !important}.sd-darkgrey{color:#555 !important}.sd-darkgrey-background{background-color:#555 !important}.sd-black{color:#111 !important}.sd-black-background{background-color:#111 !important}.field-validation-warn-color{color:#555 !important}.field-validation-warn-color-background{background-color:#555 !important}.field-validation-suggest-color{color:#bf8800 !important}.field-validation-suggest-color-background{background-color:#bf8800 !important}.field-validation-error-color{color:#cc0017 !important}.field-validation-error-color-background{background-color:#cc0017 !important}.sd-button{background:rgba(20,103,186,0);color:#1467ba;border:none;outline:none;padding:0 16px;height:32px;cursor:pointer}.sd-button:hover{background:rgba(20,103,186,.1)}.sd-button:focus{background:rgba(20,103,186,.1)}.sd-button:active{background:rgba(20,103,186,.2)}.sd-button.primary{background:#1467ba;color:#fff}.sd-button.primary:hover{background
|
|
1
|
+
.sd-primary-text,.sd-hyperlink,.sd-web-app{font-family:"Segoe UI","Lucida Sans",Arial,sans-serif;font-size:16px;color:#111}.sd-secondary-text,.sd-field-caption{font-family:"Segoe UI","Lucida Sans",Arial,sans-serif;font-size:13px;color:#767676}.sd-heading-text,.sd-content-heading{font-family:"Segoe UI Light","Segoe UI","Lucida Sans",Arial,sans-serif;font-size:24px;font-weight:lighter;color:#555}.sd-content-heading{padding-bottom:16px}.sd-app-background,.sd-web-app{background:#f2f2f2}.sd-content-background{background:#fff}.sd-web-app{margin:0;cursor:default}.sd-red{color:#cc0017 !important}.sd-red-background{background-color:#cc0017 !important}.sd-orange{color:#ff6b11 !important}.sd-orange-background{background-color:#ff6b11 !important}.sd-yellow{color:#fb1 !important}.sd-yellow-background{background-color:#fb1 !important}.sd-lightgreen{color:#8abd0c !important}.sd-lightgreen-background{background-color:#8abd0c !important}.sd-green{color:#009621 !important}.sd-green-background{background-color:#009621 !important}.sd-teal{color:#0099c5 !important}.sd-teal-background{background-color:#0099c5 !important}.sd-lightblue{color:#0d98ff !important}.sd-lightblue-background{background-color:#0d98ff !important}.sd-blue{color:#1467ba !important}.sd-blue-background{background-color:#1467ba !important}.sd-pink{color:#c41579 !important}.sd-pink-background{background-color:#c41579 !important}.sd-purple{color:#6c127b !important}.sd-purple-background{background-color:#6c127b !important}.sd-brown{color:#593b20 !important}.sd-brown-background{background-color:#593b20 !important}.sd-white{color:#fff !important}.sd-white-background{background-color:#fff !important}.sd-palegrey{color:#f2f2f2 !important}.sd-palegrey-background{background-color:#f2f2f2 !important}.sd-lightgrey{color:#d9d9d9 !important}.sd-lightgrey-background{background-color:#d9d9d9 !important}.sd-silver{color:#ccc !important}.sd-silver-background{background-color:#ccc !important}.sd-grey{color:#767676 !important}.sd-grey-background{background-color:#767676 !important}.sd-darkgrey{color:#555 !important}.sd-darkgrey-background{background-color:#555 !important}.sd-black{color:#111 !important}.sd-black-background{background-color:#111 !important}.field-validation-warn-color{color:#555 !important}.field-validation-warn-color-background{background-color:#555 !important}.field-validation-suggest-color{color:#bf8800 !important}.field-validation-suggest-color-background{background-color:#bf8800 !important}.field-validation-error-color{color:#cc0017 !important}.field-validation-error-color-background{background-color:#cc0017 !important}.sd-button{background:rgba(20,103,186,0);color:#1467ba;border:none;outline:none;padding:0 16px;height:32px;cursor:pointer}.sd-button:hover{background:rgba(20,103,186,.1)}.sd-button:focus{background:rgba(20,103,186,.1)}.sd-button:active{background:rgba(20,103,186,.2)}.sd-button.primary{background:#1467ba;color:#fff}.sd-button.primary:hover{background:rgb(43.5,118.2,192.9)}.sd-button.primary:focus{background:rgb(43.5,118.2,192.9)}.sd-button.primary:active{background:rgb(67,133.4,199.8)}.sd-hyperlink{text-decoration:none}.sd-hyperlink:hover{text-decoration:underline}.sd-separator-line{background:#d9d9d9;height:1px}.sd-tiny-padding{padding:4px}.sd-tiny-margin{margin:4px}.sd-small-padding{padding:8px}.sd-small-margin{margin:8px}.sd-normal-padding{padding:16px}.sd-normal-margin{margin:16px}.sd-large-padding{padding:24px}.sd-large-margin{margin:24px}.sd-token-container{display:flex;flex-wrap:wrap}.sd-token{height:28px;margin:4px 8px 4px 0px;padding:0 8px;background:#f2f2f2;display:flex;align-items:center}
|
|
2
2
|
|
|
3
3
|
/*# sourceMappingURL=styles.css.map */
|
package/dist/styles.css.map
CHANGED
|
@@ -17,20 +17,20 @@
|
|
|
17
17
|
"../scss/modules/_token.scss"
|
|
18
18
|
],
|
|
19
19
|
"names": [],
|
|
20
|
-
"mappings": "
|
|
20
|
+
"mappings": "AAMA,2CACC,YCDgB,0CDEhB,eACA,MEQU,KFLX,qCAEC,YCRgB,0CDShB,UCLwB,KDMxB,MEDS,QFIV,qCACC,YCbsB,2DDctB,UCTsB,KDUtB,YCTwB,QDUxB,MEPa,KFUd,oBAGC,eG3BmB,KCCpB,+BACC,WFQa,QELd,uBACC,WFGU,KGRX,YAIC,SACA,eCJD,QACC,yBAGD,mBACC,oCAGD,WACC,yBAGD,sBACC,oCAGD,WACC,sBAGD,sBACC,iCAGD,eACC,yBAGD,0BACC,oCAGD,UACC,yBAGD,qBACC,oCAGD,SACC,yBAGD,oBACC,oCAGD,cACC,yBAGD,yBACC,oCAGD,SACC,yBAGD,oBACC,oCAGD,SACC,yBAGD,oBACC,oCAGD,WACC,yBAGD,sBACC,oCAGD,UACC,yBAGD,qBACC,oCAGD,UACC,sBAGD,qBACC,iCAGD,aACC,yBAGD,wBACC,oCAGD,cACC,yBAGD,yBACC,oCAGD,WACC,sBAGD,sBACC,iCAGD,SACC,yBAGD,oBACC,oCAGD,aACC,sBAGD,wBACC,iCAGD,UACC,sBAGD,qBACC,iCAGD,6BACC,sBAGD,wCACC,iCAGD,gCACC,yBAGD,2CACC,oCAGD,8BACC,yBAGD,yCACC,oCCnKD,WACC,WCCsB,yBNDb,QKET,YACA,aACA,eACA,YACA,eAEA,iBACC,WCP2B,oBDS5B,iBACC,WCT2B,oBDW5B,kBACC,WCX4B,oBDc7B,mBACC,WLnBQ,QKoBR,MLhBS,KKkBT,yBACC,WCfkC,sBDiBnC,yBACC,WCjBkC,sBDmBnC,0BACC,WCnBmC,oBCdtC,cAGC,qBAEA,oBACC,0BCNF,mBACC,WRSc,QQRd,WCFD,iBACC,QRJiB,IQMlB,gBACC,ORPiB,IQUlB,kBACC,QRVkB,IQYnB,iBACC,ORbkB,IQgBnB,mBACC,QRhBmB,KQkBpB,kBACC,ORnBmB,KQsBpB,kBACC,QRtBkB,KQwBnB,iBACC,ORzBkB,KSGnB,oBACC,aACA,eAGD,UACC,YACA,uBACA,cACA,WVHa,QUIb,aACA",
|
|
21
21
|
"sourcesContent": [
|
|
22
|
-
"@
|
|
23
|
-
"@
|
|
22
|
+
"@forward \"../variables/typography\";\n@forward \"../variables/spacing\";\n\n@use \"../variables/typography\";\n@use \"../variables/spacing\";\n\n.sd-primary-text {\n\tfont-family: typography.$sd-font-family;\n\tfont-size: typography.$sd-primary-font-size;\n\tcolor: typography.$sd-primary-text-color;\n}\n\n.sd-secondary-text,\n.sd-field-caption {\n\tfont-family: typography.$sd-font-family;\n\tfont-size: typography.$sd-secondary-font-size;\n\tcolor: typography.$sd-secondary-text-color;\n}\n\n.sd-heading-text {\n\tfont-family: typography.$sd-font-family-light;\n\tfont-size: typography.$sd-heading-font-size;\n\tfont-weight: typography.$sd-heading-font-weight;\n\tcolor: typography.$sd-heading-text-color;\n}\n\n.sd-content-heading {\n\t@extend .sd-heading-text;\n\n\tpadding-bottom: spacing.$sd-normal-spacing;\n}\n",
|
|
23
|
+
"@forward \"colors\";\n@forward \"base_colors\";\n\n@use \"colors\";\n@use \"base_colors\";\n\n$sd-font-family: \"Segoe UI\", \"Lucida Sans\", Arial, sans-serif !default;\n$sd-font-family-light: \"Segoe UI Light\", \"Segoe UI\", \"Lucida Sans\", Arial, sans-serif !default;\n$sd-primary-font-size: 16px !default;\n$sd-primary-text-color: base_colors.$sd-black !default;\n$sd-secondary-font-size: 13px !default;\n$sd-secondary-text-color: base_colors.$sd-grey !default;\n$sd-heading-font-size: 24px !default;\n$sd-heading-font-weight: lighter !default;\n$sd-heading-text-color: base_colors.$sd-darkgrey !default;\n",
|
|
24
24
|
"$sd-red: #cc0017;\n$sd-orange: #ff6b11;\n$sd-yellow: #ffbb11;\n$sd-lightgreen: #8abd0c;\n$sd-green: #009621;\n$sd-teal: #0099c5;\n$sd-lightblue: #0d98ff;\n$sd-blue: #1467ba;\n$sd-pink: #c41579;\n$sd-purple: #6c127b;\n$sd-brown: #593b20;\n$sd-white: #fff;\n$sd-palegrey: #f2f2f2;\n$sd-lightgrey: #d9d9d9;\n$sd-silver: #ccc;\n$sd-grey: #767676;\n$sd-darkgrey: #555;\n$sd-black: #111;\n\n$field-validation-warn-color: #555555;\n$field-validation-suggest-color: #bf8800;\n$field-validation-error-color: #cc0017;\n",
|
|
25
25
|
"$sd-tiny-spacing: 4px !default;\n$sd-small-spacing: 8px !default;\n$sd-normal-spacing: 16px !default;\n$sd-large-spacing: 24px !default;\n",
|
|
26
|
-
"@
|
|
27
|
-
"@
|
|
28
|
-
"/* Generated by 'generate-colors-scss.js', do not touch */\n@
|
|
29
|
-
"@
|
|
30
|
-
"@
|
|
31
|
-
"@
|
|
32
|
-
"@
|
|
33
|
-
"@
|
|
34
|
-
"@
|
|
26
|
+
"@forward \"../variables/colors\";\n@use \"../variables/colors\";\n\n.sd-app-background {\n\tbackground: colors.$sd-app-background;\n}\n\n.sd-content-background {\n\tbackground: colors.$sd-content-background;\n}\n",
|
|
27
|
+
"@use \"typography\";\n@use \"colors\";\n\n.sd-web-app {\n\t@extend .sd-primary-text;\n\t@extend .sd-app-background;\n\n\tmargin: 0;\n\tcursor: default;\n}\n",
|
|
28
|
+
"/* Generated by 'generate-colors-scss.js', do not touch */\n@forward \"../variables/base_colors\";\n@use \"../variables/base_colors\" as base;\n\n.sd-red {\n\tcolor: base.$sd-red !important;\n}\n\n.sd-red-background {\n\tbackground-color: base.$sd-red !important;\n}\n\n.sd-orange {\n\tcolor: base.$sd-orange !important;\n}\n\n.sd-orange-background {\n\tbackground-color: base.$sd-orange !important;\n}\n\n.sd-yellow {\n\tcolor: base.$sd-yellow !important;\n}\n\n.sd-yellow-background {\n\tbackground-color: base.$sd-yellow !important;\n}\n\n.sd-lightgreen {\n\tcolor: base.$sd-lightgreen !important;\n}\n\n.sd-lightgreen-background {\n\tbackground-color: base.$sd-lightgreen !important;\n}\n\n.sd-green {\n\tcolor: base.$sd-green !important;\n}\n\n.sd-green-background {\n\tbackground-color: base.$sd-green !important;\n}\n\n.sd-teal {\n\tcolor: base.$sd-teal !important;\n}\n\n.sd-teal-background {\n\tbackground-color: base.$sd-teal !important;\n}\n\n.sd-lightblue {\n\tcolor: base.$sd-lightblue !important;\n}\n\n.sd-lightblue-background {\n\tbackground-color: base.$sd-lightblue !important;\n}\n\n.sd-blue {\n\tcolor: base.$sd-blue !important;\n}\n\n.sd-blue-background {\n\tbackground-color: base.$sd-blue !important;\n}\n\n.sd-pink {\n\tcolor: base.$sd-pink !important;\n}\n\n.sd-pink-background {\n\tbackground-color: base.$sd-pink !important;\n}\n\n.sd-purple {\n\tcolor: base.$sd-purple !important;\n}\n\n.sd-purple-background {\n\tbackground-color: base.$sd-purple !important;\n}\n\n.sd-brown {\n\tcolor: base.$sd-brown !important;\n}\n\n.sd-brown-background {\n\tbackground-color: base.$sd-brown !important;\n}\n\n.sd-white {\n\tcolor: base.$sd-white !important;\n}\n\n.sd-white-background {\n\tbackground-color: base.$sd-white !important;\n}\n\n.sd-palegrey {\n\tcolor: base.$sd-palegrey !important;\n}\n\n.sd-palegrey-background {\n\tbackground-color: base.$sd-palegrey !important;\n}\n\n.sd-lightgrey {\n\tcolor: base.$sd-lightgrey !important;\n}\n\n.sd-lightgrey-background {\n\tbackground-color: base.$sd-lightgrey !important;\n}\n\n.sd-silver {\n\tcolor: base.$sd-silver !important;\n}\n\n.sd-silver-background {\n\tbackground-color: base.$sd-silver !important;\n}\n\n.sd-grey {\n\tcolor: base.$sd-grey !important;\n}\n\n.sd-grey-background {\n\tbackground-color: base.$sd-grey !important;\n}\n\n.sd-darkgrey {\n\tcolor: base.$sd-darkgrey !important;\n}\n\n.sd-darkgrey-background {\n\tbackground-color: base.$sd-darkgrey !important;\n}\n\n.sd-black {\n\tcolor: base.$sd-black !important;\n}\n\n.sd-black-background {\n\tbackground-color: base.$sd-black !important;\n}\n\n.field-validation-warn-color {\n\tcolor: base.$field-validation-warn-color !important;\n}\n\n.field-validation-warn-color-background {\n\tbackground-color: base.$field-validation-warn-color !important;\n}\n\n.field-validation-suggest-color {\n\tcolor: base.$field-validation-suggest-color !important;\n}\n\n.field-validation-suggest-color-background {\n\tbackground-color: base.$field-validation-suggest-color !important;\n}\n\n.field-validation-error-color {\n\tcolor: base.$field-validation-error-color !important;\n}\n\n.field-validation-error-color-background {\n\tbackground-color: base.$field-validation-error-color !important;\n}\n",
|
|
29
|
+
"@forward \"../variables/button\";\n@forward \"../variables/spacing\";\n\n@use \"../variables/button\";\n@use \"../variables/spacing\";\n\n.sd-button {\n\tbackground: button.$sd-button-background;\n\tcolor: button.$sd-button-color;\n\tborder: none;\n\toutline: none;\n\tpadding: 0 spacing.$sd-normal-spacing;\n\theight: 32px;\n\tcursor: pointer;\n\n\t&:hover {\n\t\tbackground: button.$sd-button-hover-background;\n\t}\n\t&:focus {\n\t\tbackground: button.$sd-button-focus-background;\n\t}\n\t&:active {\n\t\tbackground: button.$sd-button-active-background;\n\t}\n\n\t&.primary {\n\t\tbackground: button.$sd-primary-button-background;\n\t\tcolor: button.$sd-primary-button-color;\n\n\t\t&:hover {\n\t\t\tbackground: button.$sd-primary-button-hover-background;\n\t\t}\n\t\t&:focus {\n\t\t\tbackground: button.$sd-primary-button-focus-background;\n\t\t}\n\t\t&:active {\n\t\t\tbackground: button.$sd-primary-button-active-background;\n\t\t}\n\t}\n}\n",
|
|
30
|
+
"@forward \"colors\";\n@forward \"base_colors\";\n\n@use \"sass:color\";\n@use \"colors\";\n@use \"base_colors\";\n\n$sd-button-color: colors.$sd-interaction-color !default;\n$sd-button-background: rgba($sd-button-color, 0) !default; /* Transparent */\n$sd-button-hover-background: color.mix($sd-button-color, $sd-button-background, 10%);\n$sd-button-focus-background: color.mix($sd-button-color, $sd-button-background, 10%);\n$sd-button-active-background: color.mix($sd-button-color, $sd-button-background, 20%);\n\n$sd-primary-button-color: base_colors.$sd-white !default;\n$sd-primary-button-background: $sd-button-color !default;\n$sd-primary-button-hover-background: color.mix($sd-primary-button-color, $sd-primary-button-background, 10%);\n$sd-primary-button-focus-background: color.mix($sd-primary-button-color, $sd-primary-button-background, 10%);\n$sd-primary-button-active-background: color.mix($sd-primary-button-color, $sd-primary-button-background, 20%);\n",
|
|
31
|
+
"@forward \"typography\";\n@use \"typography\";\n\n.sd-hyperlink {\n\t@extend .sd-primary-text;\n\n\ttext-decoration: none;\n\n\t&:hover {\n\t\ttext-decoration: underline;\n\t}\n}\n",
|
|
32
|
+
"@forward \"../variables/colors\";\n@use \"../variables/colors\" as colors;\n\n.sd-separator-line {\n\tbackground: colors.$sd-separator-color;\n\theight: 1px;\n}\n",
|
|
33
|
+
"@forward \"../variables/spacing\";\n@use \"../variables/spacing\";\n\n.sd-tiny-padding {\n\tpadding: spacing.$sd-tiny-spacing;\n}\n.sd-tiny-margin {\n\tmargin: spacing.$sd-tiny-spacing;\n}\n\n.sd-small-padding {\n\tpadding: spacing.$sd-small-spacing;\n}\n.sd-small-margin {\n\tmargin: spacing.$sd-small-spacing;\n}\n\n.sd-normal-padding {\n\tpadding: spacing.$sd-normal-spacing;\n}\n.sd-normal-margin {\n\tmargin: spacing.$sd-normal-spacing;\n}\n\n.sd-large-padding {\n\tpadding: spacing.$sd-large-spacing;\n}\n.sd-large-margin {\n\tmargin: spacing.$sd-large-spacing;\n}\n",
|
|
34
|
+
"@forward \"../variables/base_colors\";\n@forward \"../variables/spacing\";\n\n@use \"../variables/base_colors\";\n@use \"../variables/spacing\";\n\n.sd-token-container {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n}\n\n.sd-token {\n\theight: 28px;\n\tmargin: spacing.$sd-tiny-spacing spacing.$sd-small-spacing spacing.$sd-tiny-spacing 0px;\n\tpadding: 0 spacing.$sd-small-spacing;\n\tbackground: base_colors.$sd-palegrey;\n\tdisplay: flex;\n\talign-items: center;\n}\n"
|
|
35
35
|
]
|
|
36
36
|
}
|
package/dist/theme.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
.sd-primary-text,input[type=text],input[type=password],textarea,.sd-hyperlink,a,.sd-web-app,body{font-family:"Segoe UI","Lucida Sans",Arial,sans-serif;font-size:16px;color:#111}.sd-secondary-text,small,.sd-field-caption,label{font-family:"Segoe UI","Lucida Sans",Arial,sans-serif;font-size:13px;color:#767676}.sd-heading-text,h1,.sd-content-heading,h2,h3,h4,h5,h6{font-family:"Segoe UI Light","Segoe UI","Lucida Sans",Arial,sans-serif;font-size:24px;font-weight:lighter;color:#555}.sd-content-heading,h2,h3,h4,h5,h6{padding-bottom:16px}.sd-app-background,.sd-web-app,body{background:#f2f2f2}.sd-content-background,section{background:#fff}.sd-web-app,body{margin:0;cursor:default}.sd-red{color:#cc0017 !important}.sd-red-background{background-color:#cc0017 !important}.sd-orange{color:#ff6b11 !important}.sd-orange-background{background-color:#ff6b11 !important}.sd-yellow{color:#fb1 !important}.sd-yellow-background{background-color:#fb1 !important}.sd-lightgreen{color:#8abd0c !important}.sd-lightgreen-background{background-color:#8abd0c !important}.sd-green{color:#009621 !important}.sd-green-background{background-color:#009621 !important}.sd-teal{color:#0099c5 !important}.sd-teal-background{background-color:#0099c5 !important}.sd-lightblue{color:#0d98ff !important}.sd-lightblue-background{background-color:#0d98ff !important}.sd-blue{color:#1467ba !important}.sd-blue-background{background-color:#1467ba !important}.sd-pink{color:#c41579 !important}.sd-pink-background{background-color:#c41579 !important}.sd-purple{color:#6c127b !important}.sd-purple-background{background-color:#6c127b !important}.sd-brown{color:#593b20 !important}.sd-brown-background{background-color:#593b20 !important}.sd-white{color:#fff !important}.sd-white-background{background-color:#fff !important}.sd-palegrey{color:#f2f2f2 !important}.sd-palegrey-background{background-color:#f2f2f2 !important}.sd-lightgrey{color:#d9d9d9 !important}.sd-lightgrey-background{background-color:#d9d9d9 !important}.sd-silver{color:#ccc !important}.sd-silver-background{background-color:#ccc !important}.sd-grey{color:#767676 !important}.sd-grey-background{background-color:#767676 !important}.sd-darkgrey{color:#555 !important}.sd-darkgrey-background{background-color:#555 !important}.sd-black{color:#111 !important}.sd-black-background{background-color:#111 !important}.field-validation-warn-color{color:#555 !important}.field-validation-warn-color-background{background-color:#555 !important}.field-validation-suggest-color{color:#bf8800 !important}.field-validation-suggest-color-background{background-color:#bf8800 !important}.field-validation-error-color{color:#cc0017 !important}.field-validation-error-color-background{background-color:#cc0017 !important}.sd-button,button,input[type=button]{background:rgba(20,103,186,0);color:#1467ba;border:none;outline:none;padding:0 16px;height:32px;cursor:pointer}.sd-button:hover,button:hover,input[type=button]:hover{background:rgba(20,103,186,.1)}.sd-button:focus,button:focus,input[type=button]:focus{background:rgba(20,103,186,.1)}.sd-button:active,button:active,input[type=button]:active{background:rgba(20,103,186,.2)}.sd-button.primary,button.primary,input.primary[type=button]{background:#1467ba;color:#fff}.sd-button.primary:hover,button.primary:hover,input.primary[type=button]:hover{background
|
|
1
|
+
.sd-primary-text,input[type=text],input[type=password],textarea,.sd-hyperlink,a,.sd-web-app,body{font-family:"Segoe UI","Lucida Sans",Arial,sans-serif;font-size:16px;color:#111}.sd-secondary-text,small,.sd-field-caption,label{font-family:"Segoe UI","Lucida Sans",Arial,sans-serif;font-size:13px;color:#767676}.sd-heading-text,h1,.sd-content-heading,h2,h3,h4,h5,h6{font-family:"Segoe UI Light","Segoe UI","Lucida Sans",Arial,sans-serif;font-size:24px;font-weight:lighter;color:#555}.sd-content-heading,h2,h3,h4,h5,h6{padding-bottom:16px}.sd-app-background,.sd-web-app,body{background:#f2f2f2}.sd-content-background,section{background:#fff}.sd-web-app,body{margin:0;cursor:default}.sd-red{color:#cc0017 !important}.sd-red-background{background-color:#cc0017 !important}.sd-orange{color:#ff6b11 !important}.sd-orange-background{background-color:#ff6b11 !important}.sd-yellow{color:#fb1 !important}.sd-yellow-background{background-color:#fb1 !important}.sd-lightgreen{color:#8abd0c !important}.sd-lightgreen-background{background-color:#8abd0c !important}.sd-green{color:#009621 !important}.sd-green-background{background-color:#009621 !important}.sd-teal{color:#0099c5 !important}.sd-teal-background{background-color:#0099c5 !important}.sd-lightblue{color:#0d98ff !important}.sd-lightblue-background{background-color:#0d98ff !important}.sd-blue{color:#1467ba !important}.sd-blue-background{background-color:#1467ba !important}.sd-pink{color:#c41579 !important}.sd-pink-background{background-color:#c41579 !important}.sd-purple{color:#6c127b !important}.sd-purple-background{background-color:#6c127b !important}.sd-brown{color:#593b20 !important}.sd-brown-background{background-color:#593b20 !important}.sd-white{color:#fff !important}.sd-white-background{background-color:#fff !important}.sd-palegrey{color:#f2f2f2 !important}.sd-palegrey-background{background-color:#f2f2f2 !important}.sd-lightgrey{color:#d9d9d9 !important}.sd-lightgrey-background{background-color:#d9d9d9 !important}.sd-silver{color:#ccc !important}.sd-silver-background{background-color:#ccc !important}.sd-grey{color:#767676 !important}.sd-grey-background{background-color:#767676 !important}.sd-darkgrey{color:#555 !important}.sd-darkgrey-background{background-color:#555 !important}.sd-black{color:#111 !important}.sd-black-background{background-color:#111 !important}.field-validation-warn-color{color:#555 !important}.field-validation-warn-color-background{background-color:#555 !important}.field-validation-suggest-color{color:#bf8800 !important}.field-validation-suggest-color-background{background-color:#bf8800 !important}.field-validation-error-color{color:#cc0017 !important}.field-validation-error-color-background{background-color:#cc0017 !important}.sd-button,button,input[type=button]{background:rgba(20,103,186,0);color:#1467ba;border:none;outline:none;padding:0 16px;height:32px;cursor:pointer}.sd-button:hover,button:hover,input[type=button]:hover{background:rgba(20,103,186,.1)}.sd-button:focus,button:focus,input[type=button]:focus{background:rgba(20,103,186,.1)}.sd-button:active,button:active,input[type=button]:active{background:rgba(20,103,186,.2)}.sd-button.primary,button.primary,input.primary[type=button]{background:#1467ba;color:#fff}.sd-button.primary:hover,button.primary:hover,input.primary[type=button]:hover{background:rgb(43.5,118.2,192.9)}.sd-button.primary:focus,button.primary:focus,input.primary[type=button]:focus{background:rgb(43.5,118.2,192.9)}.sd-button.primary:active,button.primary:active,input.primary[type=button]:active{background:rgb(67,133.4,199.8)}.sd-hyperlink,a{text-decoration:none}.sd-hyperlink:hover,a:hover{text-decoration:underline}.sd-separator-line,hr{background:#d9d9d9;height:1px}.sd-tiny-padding{padding:4px}.sd-tiny-margin{margin:4px}.sd-small-padding{padding:8px}.sd-small-margin{margin:8px}.sd-normal-padding{padding:16px}.sd-normal-margin{margin:16px}.sd-large-padding,section{padding:24px}.sd-large-margin{margin:24px}.sd-token-container{display:flex;flex-wrap:wrap}.sd-token{height:28px;margin:4px 8px 4px 0px;padding:0 8px;background:#f2f2f2;display:flex;align-items:center}h1{margin:0;padding:0}h2,h3,h4,h5,h6{margin:0}label{display:block}small{margin:0}hr{margin:4px 0;border:none}section{margin:0}input[type=text],input[type=password],textarea{background:#fff;width:100%;border:none;border-bottom:1px solid #959595;margin-bottom:8px;padding-top:2px;padding-bottom:3px}input[type=text]:focus,input[type=password]:focus,textarea:focus{border-bottom:2px solid #1467ba;outline:none;padding-bottom:2px}input[type=text]:-moz-read-only,input[type=password]:-moz-read-only,textarea:-moz-read-only{border-bottom:1px dashed #959595;padding-bottom:3px}input[type=text]:read-only,input[type=password]:read-only,textarea:read-only{border-bottom:1px dashed #959595;padding-bottom:3px}input[type=text]:disabled,input[type=password]:disabled,textarea:disabled{border-bottom:1px dashed #959595;background:#fff}textarea{box-sizing:content-box;resize:none;height:120px}
|
|
2
2
|
|
|
3
3
|
/*# sourceMappingURL=theme.css.map */
|
package/dist/theme.css.map
CHANGED
|
@@ -18,21 +18,21 @@
|
|
|
18
18
|
"../scss/theme.scss"
|
|
19
19
|
],
|
|
20
20
|
"names": [],
|
|
21
|
-
"mappings": "
|
|
21
|
+
"mappings": "AAMA,iGACC,YCDgB,0CDEhB,eACA,MEQU,KFLX,iDAEC,YCRgB,0CDShB,UCLwB,KDMxB,MEDS,QFIV,uDACC,YCbsB,2DDctB,UCTsB,KDUtB,YCTwB,QDUxB,MEPa,KFUd,mCAGC,eG3BmB,KCCpB,oCACC,WFQa,QELd,+BACC,WFGU,KGRX,iBAIC,SACA,eCJD,QACC,yBAGD,mBACC,oCAGD,WACC,yBAGD,sBACC,oCAGD,WACC,sBAGD,sBACC,iCAGD,eACC,yBAGD,0BACC,oCAGD,UACC,yBAGD,qBACC,oCAGD,SACC,yBAGD,oBACC,oCAGD,cACC,yBAGD,yBACC,oCAGD,SACC,yBAGD,oBACC,oCAGD,SACC,yBAGD,oBACC,oCAGD,WACC,yBAGD,sBACC,oCAGD,UACC,yBAGD,qBACC,oCAGD,UACC,sBAGD,qBACC,iCAGD,aACC,yBAGD,wBACC,oCAGD,cACC,yBAGD,yBACC,oCAGD,WACC,sBAGD,sBACC,iCAGD,SACC,yBAGD,oBACC,oCAGD,aACC,sBAGD,wBACC,iCAGD,UACC,sBAGD,qBACC,iCAGD,6BACC,sBAGD,wCACC,iCAGD,gCACC,yBAGD,2CACC,oCAGD,8BACC,yBAGD,yCACC,oCCnKD,qCACC,WCCsB,yBNDb,QKET,YACA,aACA,eACA,YACA,eAEA,uDACC,WCP2B,oBDS5B,uDACC,WCT2B,oBDW5B,0DACC,WCX4B,oBDc7B,6DACC,WLnBQ,QKoBR,MLhBS,KKkBT,+EACC,WCfkC,sBDiBnC,+EACC,WCjBkC,sBDmBnC,kFACC,WCnBmC,oBCdtC,gBAGC,qBAEA,4BACC,0BCNF,sBACC,WRSc,QQRd,WCFD,iBACC,QRJiB,IQMlB,gBACC,ORPiB,IQUlB,kBACC,QRVkB,IQYnB,iBACC,ORbkB,IQgBnB,mBACC,QRhBmB,KQkBpB,kBACC,ORnBmB,KQsBpB,0BACC,QRtBkB,KQwBnB,iBACC,ORzBkB,KSGnB,oBACC,aACA,eAGD,UACC,YACA,uBACA,cACA,WVHa,QUIb,aACA,mBCPD,GAGC,SACA,UAGD,eAOC,SAGD,MAGC,cAOD,MAGC,SAQD,GAGC,aACA,YAGD,QAIC,SAGD,+CAIC,WXvDU,KWwDV,WACA,YACA,gCACA,cVrEkB,IUsElB,gBACA,mBAEA,iEACC,gCACA,aACA,mBAED,4FACC,iCACA,mBAED,6EACC,iCACA,mBAED,0EACC,iCACA,WX9ES,KWkFX,SACC,uBACA,YACA",
|
|
22
22
|
"sourcesContent": [
|
|
23
|
-
"@
|
|
24
|
-
"@
|
|
23
|
+
"@forward \"../variables/typography\";\n@forward \"../variables/spacing\";\n\n@use \"../variables/typography\";\n@use \"../variables/spacing\";\n\n.sd-primary-text {\n\tfont-family: typography.$sd-font-family;\n\tfont-size: typography.$sd-primary-font-size;\n\tcolor: typography.$sd-primary-text-color;\n}\n\n.sd-secondary-text,\n.sd-field-caption {\n\tfont-family: typography.$sd-font-family;\n\tfont-size: typography.$sd-secondary-font-size;\n\tcolor: typography.$sd-secondary-text-color;\n}\n\n.sd-heading-text {\n\tfont-family: typography.$sd-font-family-light;\n\tfont-size: typography.$sd-heading-font-size;\n\tfont-weight: typography.$sd-heading-font-weight;\n\tcolor: typography.$sd-heading-text-color;\n}\n\n.sd-content-heading {\n\t@extend .sd-heading-text;\n\n\tpadding-bottom: spacing.$sd-normal-spacing;\n}\n",
|
|
24
|
+
"@forward \"colors\";\n@forward \"base_colors\";\n\n@use \"colors\";\n@use \"base_colors\";\n\n$sd-font-family: \"Segoe UI\", \"Lucida Sans\", Arial, sans-serif !default;\n$sd-font-family-light: \"Segoe UI Light\", \"Segoe UI\", \"Lucida Sans\", Arial, sans-serif !default;\n$sd-primary-font-size: 16px !default;\n$sd-primary-text-color: base_colors.$sd-black !default;\n$sd-secondary-font-size: 13px !default;\n$sd-secondary-text-color: base_colors.$sd-grey !default;\n$sd-heading-font-size: 24px !default;\n$sd-heading-font-weight: lighter !default;\n$sd-heading-text-color: base_colors.$sd-darkgrey !default;\n",
|
|
25
25
|
"$sd-red: #cc0017;\n$sd-orange: #ff6b11;\n$sd-yellow: #ffbb11;\n$sd-lightgreen: #8abd0c;\n$sd-green: #009621;\n$sd-teal: #0099c5;\n$sd-lightblue: #0d98ff;\n$sd-blue: #1467ba;\n$sd-pink: #c41579;\n$sd-purple: #6c127b;\n$sd-brown: #593b20;\n$sd-white: #fff;\n$sd-palegrey: #f2f2f2;\n$sd-lightgrey: #d9d9d9;\n$sd-silver: #ccc;\n$sd-grey: #767676;\n$sd-darkgrey: #555;\n$sd-black: #111;\n\n$field-validation-warn-color: #555555;\n$field-validation-suggest-color: #bf8800;\n$field-validation-error-color: #cc0017;\n",
|
|
26
26
|
"$sd-tiny-spacing: 4px !default;\n$sd-small-spacing: 8px !default;\n$sd-normal-spacing: 16px !default;\n$sd-large-spacing: 24px !default;\n",
|
|
27
|
-
"@
|
|
28
|
-
"@
|
|
29
|
-
"/* Generated by 'generate-colors-scss.js', do not touch */\n@
|
|
30
|
-
"@
|
|
31
|
-
"@
|
|
32
|
-
"@
|
|
33
|
-
"@
|
|
34
|
-
"@
|
|
35
|
-
"@
|
|
36
|
-
"@
|
|
27
|
+
"@forward \"../variables/colors\";\n@use \"../variables/colors\";\n\n.sd-app-background {\n\tbackground: colors.$sd-app-background;\n}\n\n.sd-content-background {\n\tbackground: colors.$sd-content-background;\n}\n",
|
|
28
|
+
"@use \"typography\";\n@use \"colors\";\n\n.sd-web-app {\n\t@extend .sd-primary-text;\n\t@extend .sd-app-background;\n\n\tmargin: 0;\n\tcursor: default;\n}\n",
|
|
29
|
+
"/* Generated by 'generate-colors-scss.js', do not touch */\n@forward \"../variables/base_colors\";\n@use \"../variables/base_colors\" as base;\n\n.sd-red {\n\tcolor: base.$sd-red !important;\n}\n\n.sd-red-background {\n\tbackground-color: base.$sd-red !important;\n}\n\n.sd-orange {\n\tcolor: base.$sd-orange !important;\n}\n\n.sd-orange-background {\n\tbackground-color: base.$sd-orange !important;\n}\n\n.sd-yellow {\n\tcolor: base.$sd-yellow !important;\n}\n\n.sd-yellow-background {\n\tbackground-color: base.$sd-yellow !important;\n}\n\n.sd-lightgreen {\n\tcolor: base.$sd-lightgreen !important;\n}\n\n.sd-lightgreen-background {\n\tbackground-color: base.$sd-lightgreen !important;\n}\n\n.sd-green {\n\tcolor: base.$sd-green !important;\n}\n\n.sd-green-background {\n\tbackground-color: base.$sd-green !important;\n}\n\n.sd-teal {\n\tcolor: base.$sd-teal !important;\n}\n\n.sd-teal-background {\n\tbackground-color: base.$sd-teal !important;\n}\n\n.sd-lightblue {\n\tcolor: base.$sd-lightblue !important;\n}\n\n.sd-lightblue-background {\n\tbackground-color: base.$sd-lightblue !important;\n}\n\n.sd-blue {\n\tcolor: base.$sd-blue !important;\n}\n\n.sd-blue-background {\n\tbackground-color: base.$sd-blue !important;\n}\n\n.sd-pink {\n\tcolor: base.$sd-pink !important;\n}\n\n.sd-pink-background {\n\tbackground-color: base.$sd-pink !important;\n}\n\n.sd-purple {\n\tcolor: base.$sd-purple !important;\n}\n\n.sd-purple-background {\n\tbackground-color: base.$sd-purple !important;\n}\n\n.sd-brown {\n\tcolor: base.$sd-brown !important;\n}\n\n.sd-brown-background {\n\tbackground-color: base.$sd-brown !important;\n}\n\n.sd-white {\n\tcolor: base.$sd-white !important;\n}\n\n.sd-white-background {\n\tbackground-color: base.$sd-white !important;\n}\n\n.sd-palegrey {\n\tcolor: base.$sd-palegrey !important;\n}\n\n.sd-palegrey-background {\n\tbackground-color: base.$sd-palegrey !important;\n}\n\n.sd-lightgrey {\n\tcolor: base.$sd-lightgrey !important;\n}\n\n.sd-lightgrey-background {\n\tbackground-color: base.$sd-lightgrey !important;\n}\n\n.sd-silver {\n\tcolor: base.$sd-silver !important;\n}\n\n.sd-silver-background {\n\tbackground-color: base.$sd-silver !important;\n}\n\n.sd-grey {\n\tcolor: base.$sd-grey !important;\n}\n\n.sd-grey-background {\n\tbackground-color: base.$sd-grey !important;\n}\n\n.sd-darkgrey {\n\tcolor: base.$sd-darkgrey !important;\n}\n\n.sd-darkgrey-background {\n\tbackground-color: base.$sd-darkgrey !important;\n}\n\n.sd-black {\n\tcolor: base.$sd-black !important;\n}\n\n.sd-black-background {\n\tbackground-color: base.$sd-black !important;\n}\n\n.field-validation-warn-color {\n\tcolor: base.$field-validation-warn-color !important;\n}\n\n.field-validation-warn-color-background {\n\tbackground-color: base.$field-validation-warn-color !important;\n}\n\n.field-validation-suggest-color {\n\tcolor: base.$field-validation-suggest-color !important;\n}\n\n.field-validation-suggest-color-background {\n\tbackground-color: base.$field-validation-suggest-color !important;\n}\n\n.field-validation-error-color {\n\tcolor: base.$field-validation-error-color !important;\n}\n\n.field-validation-error-color-background {\n\tbackground-color: base.$field-validation-error-color !important;\n}\n",
|
|
30
|
+
"@forward \"../variables/button\";\n@forward \"../variables/spacing\";\n\n@use \"../variables/button\";\n@use \"../variables/spacing\";\n\n.sd-button {\n\tbackground: button.$sd-button-background;\n\tcolor: button.$sd-button-color;\n\tborder: none;\n\toutline: none;\n\tpadding: 0 spacing.$sd-normal-spacing;\n\theight: 32px;\n\tcursor: pointer;\n\n\t&:hover {\n\t\tbackground: button.$sd-button-hover-background;\n\t}\n\t&:focus {\n\t\tbackground: button.$sd-button-focus-background;\n\t}\n\t&:active {\n\t\tbackground: button.$sd-button-active-background;\n\t}\n\n\t&.primary {\n\t\tbackground: button.$sd-primary-button-background;\n\t\tcolor: button.$sd-primary-button-color;\n\n\t\t&:hover {\n\t\t\tbackground: button.$sd-primary-button-hover-background;\n\t\t}\n\t\t&:focus {\n\t\t\tbackground: button.$sd-primary-button-focus-background;\n\t\t}\n\t\t&:active {\n\t\t\tbackground: button.$sd-primary-button-active-background;\n\t\t}\n\t}\n}\n",
|
|
31
|
+
"@forward \"colors\";\n@forward \"base_colors\";\n\n@use \"sass:color\";\n@use \"colors\";\n@use \"base_colors\";\n\n$sd-button-color: colors.$sd-interaction-color !default;\n$sd-button-background: rgba($sd-button-color, 0) !default; /* Transparent */\n$sd-button-hover-background: color.mix($sd-button-color, $sd-button-background, 10%);\n$sd-button-focus-background: color.mix($sd-button-color, $sd-button-background, 10%);\n$sd-button-active-background: color.mix($sd-button-color, $sd-button-background, 20%);\n\n$sd-primary-button-color: base_colors.$sd-white !default;\n$sd-primary-button-background: $sd-button-color !default;\n$sd-primary-button-hover-background: color.mix($sd-primary-button-color, $sd-primary-button-background, 10%);\n$sd-primary-button-focus-background: color.mix($sd-primary-button-color, $sd-primary-button-background, 10%);\n$sd-primary-button-active-background: color.mix($sd-primary-button-color, $sd-primary-button-background, 20%);\n",
|
|
32
|
+
"@forward \"typography\";\n@use \"typography\";\n\n.sd-hyperlink {\n\t@extend .sd-primary-text;\n\n\ttext-decoration: none;\n\n\t&:hover {\n\t\ttext-decoration: underline;\n\t}\n}\n",
|
|
33
|
+
"@forward \"../variables/colors\";\n@use \"../variables/colors\" as colors;\n\n.sd-separator-line {\n\tbackground: colors.$sd-separator-color;\n\theight: 1px;\n}\n",
|
|
34
|
+
"@forward \"../variables/spacing\";\n@use \"../variables/spacing\";\n\n.sd-tiny-padding {\n\tpadding: spacing.$sd-tiny-spacing;\n}\n.sd-tiny-margin {\n\tmargin: spacing.$sd-tiny-spacing;\n}\n\n.sd-small-padding {\n\tpadding: spacing.$sd-small-spacing;\n}\n.sd-small-margin {\n\tmargin: spacing.$sd-small-spacing;\n}\n\n.sd-normal-padding {\n\tpadding: spacing.$sd-normal-spacing;\n}\n.sd-normal-margin {\n\tmargin: spacing.$sd-normal-spacing;\n}\n\n.sd-large-padding {\n\tpadding: spacing.$sd-large-spacing;\n}\n.sd-large-margin {\n\tmargin: spacing.$sd-large-spacing;\n}\n",
|
|
35
|
+
"@forward \"../variables/base_colors\";\n@forward \"../variables/spacing\";\n\n@use \"../variables/base_colors\";\n@use \"../variables/spacing\";\n\n.sd-token-container {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n}\n\n.sd-token {\n\theight: 28px;\n\tmargin: spacing.$sd-tiny-spacing spacing.$sd-small-spacing spacing.$sd-tiny-spacing 0px;\n\tpadding: 0 spacing.$sd-small-spacing;\n\tbackground: base_colors.$sd-palegrey;\n\tdisplay: flex;\n\talign-items: center;\n}\n",
|
|
36
|
+
"@use \"variables/index\" as variables;\n@use \"modules/index\" as modules;\n@use \"variables/colors\";\n@use \"variables/field\";\n@use \"variables/spacing\";\n\nbody {\n\t@extend .sd-web-app;\n}\n\nh1 {\n\t@extend .sd-heading-text;\n\n\tmargin: 0;\n\tpadding: 0;\n}\n\nh2,\nh3,\nh4,\nh5,\nh6 {\n\t@extend .sd-content-heading;\n\n\tmargin: 0;\n}\n\nlabel {\n\t@extend .sd-field-caption;\n\n\tdisplay: block;\n}\n\na {\n\t@extend .sd-hyperlink;\n}\n\nsmall {\n\t@extend .sd-secondary-text;\n\n\tmargin: 0;\n}\n\nbutton,\ninput[type=\"button\"] {\n\t@extend .sd-button;\n}\n\nhr {\n\t@extend .sd-separator-line;\n\n\tmargin: spacing.$sd-tiny-spacing 0;\n\tborder: none;\n}\n\nsection {\n\t@extend .sd-content-background;\n\t@extend .sd-large-padding;\n\n\tmargin: 0;\n}\n\ninput[type=\"text\"],\ninput[type=\"password\"],\ntextarea {\n\t@extend .sd-primary-text;\n\tbackground: colors.$sd-content-background;\n\twidth: 100%;\n\tborder: none;\n\tborder-bottom: 1px solid field.$sd-field-underline-color;\n\tmargin-bottom: spacing.$sd-small-spacing; // Give space for the underline\n\tpadding-top: 2px;\n\tpadding-bottom: 2px + 1px; // Give space for the focus underline\n\n\t&:focus {\n\t\tborder-bottom: 2px solid colors.$sd-interaction-color;\n\t\toutline: none;\n\t\tpadding-bottom: 2px;\n\t}\n\t&:-moz-read-only {\n\t\tborder-bottom: 1px dashed field.$sd-field-underline-color;\n\t\tpadding-bottom: 2px + 1px; // Give space for the focus underline\n\t}\n\t&:read-only {\n\t\tborder-bottom: 1px dashed field.$sd-field-underline-color;\n\t\tpadding-bottom: 2px + 1px; // Give space for the focus underline\n\t}\n\t&:disabled {\n\t\tborder-bottom: 1px dashed field.$sd-field-underline-color;\n\t\tbackground: colors.$sd-content-background;\n\t}\n}\n\ntextarea {\n\tbox-sizing: content-box;\n\tresize: none;\n\theight: 120px;\n}\n"
|
|
37
37
|
]
|
|
38
38
|
}
|
|
@@ -1,15 +1,20 @@
|
|
|
1
1
|
{
|
|
2
|
-
"@cypress/vite-dev-server@
|
|
2
|
+
"@cypress/vite-dev-server@7.0.0": {
|
|
3
3
|
"licenses": "MIT",
|
|
4
4
|
"repository": "https://github.com/cypress-io/cypress",
|
|
5
5
|
"licenseUrl": "https://github.com/cypress-io/cypress/tree/develop/npm/vite-dev-server#readme"
|
|
6
6
|
},
|
|
7
|
-
"@
|
|
7
|
+
"@eslint/js@9.34.0": {
|
|
8
|
+
"licenses": "MIT",
|
|
9
|
+
"repository": "https://github.com/eslint/eslint",
|
|
10
|
+
"licenseUrl": "https://github.com/eslint/eslint/raw/HEAD/LICENSE"
|
|
11
|
+
},
|
|
12
|
+
"@rollup/plugin-node-resolve@16.0.1": {
|
|
8
13
|
"licenses": "MIT",
|
|
9
14
|
"repository": "https://github.com/rollup/plugins",
|
|
10
15
|
"licenseUrl": "https://github.com/rollup/plugins/raw/HEAD/LICENSE"
|
|
11
16
|
},
|
|
12
|
-
"@types/node@
|
|
17
|
+
"@types/node@24.3.0": {
|
|
13
18
|
"licenses": "MIT",
|
|
14
19
|
"repository": "https://github.com/DefinitelyTyped/DefinitelyTyped",
|
|
15
20
|
"licenseUrl": "https://github.com/DefinitelyTyped/DefinitelyTyped/raw/HEAD/LICENSE"
|
|
@@ -19,47 +24,42 @@
|
|
|
19
24
|
"repository": "https://github.com/DefinitelyTyped/DefinitelyTyped",
|
|
20
25
|
"licenseUrl": "https://github.com/DefinitelyTyped/DefinitelyTyped/raw/HEAD/LICENSE"
|
|
21
26
|
},
|
|
22
|
-
"@typescript-eslint/eslint-plugin@
|
|
27
|
+
"@typescript-eslint/eslint-plugin@8.41.0": {
|
|
23
28
|
"licenses": "MIT",
|
|
24
29
|
"repository": "https://github.com/typescript-eslint/typescript-eslint",
|
|
25
30
|
"licenseUrl": "https://github.com/typescript-eslint/typescript-eslint/raw/HEAD/LICENSE"
|
|
26
31
|
},
|
|
27
|
-
"@typescript-eslint/parser@
|
|
28
|
-
"licenses": "
|
|
32
|
+
"@typescript-eslint/parser@8.41.0": {
|
|
33
|
+
"licenses": "MIT",
|
|
29
34
|
"repository": "https://github.com/typescript-eslint/typescript-eslint",
|
|
30
35
|
"licenseUrl": "https://github.com/typescript-eslint/typescript-eslint/raw/HEAD/LICENSE"
|
|
31
36
|
},
|
|
32
|
-
"@vitest/coverage-v8@
|
|
37
|
+
"@vitest/coverage-v8@3.2.4": {
|
|
33
38
|
"licenses": "MIT",
|
|
34
39
|
"repository": "https://github.com/vitest-dev/vitest",
|
|
35
40
|
"licenseUrl": "https://github.com/vitest-dev/vitest/raw/HEAD/LICENSE"
|
|
36
41
|
},
|
|
37
|
-
"@vitest/ui@
|
|
42
|
+
"@vitest/ui@3.2.4": {
|
|
38
43
|
"licenses": "MIT",
|
|
39
44
|
"repository": "https://github.com/vitest-dev/vitest",
|
|
40
45
|
"licenseUrl": "https://github.com/vitest-dev/vitest/raw/HEAD/LICENSE"
|
|
41
46
|
},
|
|
42
|
-
"axe-core@4.
|
|
47
|
+
"axe-core@4.10.3": {
|
|
43
48
|
"licenses": "MPL-2.0",
|
|
44
49
|
"repository": "https://github.com/dequelabs/axe-core",
|
|
45
50
|
"licenseUrl": "https://github.com/dequelabs/axe-core/raw/HEAD/LICENSE"
|
|
46
51
|
},
|
|
47
|
-
"cypress-axe@1.
|
|
52
|
+
"cypress-axe@1.7.0": {
|
|
48
53
|
"licenses": "MIT",
|
|
49
54
|
"repository": "https://github.com/component-driven/cypress-axe",
|
|
50
55
|
"licenseUrl": "https://github.com/component-driven/cypress-axe/raw/HEAD/License.md"
|
|
51
56
|
},
|
|
52
|
-
"cypress
|
|
53
|
-
"licenses": "MIT",
|
|
54
|
-
"repository": "https://github.com/dmtrKovalenko/cypress-real-events",
|
|
55
|
-
"licenseUrl": "https://github.com/dmtrKovalenko/cypress-real-events"
|
|
56
|
-
},
|
|
57
|
-
"cypress@13.6.2": {
|
|
57
|
+
"cypress@15.0.0": {
|
|
58
58
|
"licenses": "MIT",
|
|
59
59
|
"repository": "https://github.com/cypress-io/cypress",
|
|
60
60
|
"licenseUrl": "https://cypress.io"
|
|
61
61
|
},
|
|
62
|
-
"esbuild@0.
|
|
62
|
+
"esbuild@0.25.9": {
|
|
63
63
|
"licenses": "MIT",
|
|
64
64
|
"repository": "https://github.com/evanw/esbuild",
|
|
65
65
|
"licenseUrl": "https://github.com/evanw/esbuild/raw/HEAD/LICENSE.md"
|
|
@@ -69,52 +69,52 @@
|
|
|
69
69
|
"repository": "https://github.com/google/eslint-config-google",
|
|
70
70
|
"licenseUrl": "https://github.com/google/eslint-config-google/raw/HEAD/LICENSE"
|
|
71
71
|
},
|
|
72
|
-
"eslint-config-prettier@
|
|
72
|
+
"eslint-config-prettier@10.1.8": {
|
|
73
73
|
"licenses": "MIT",
|
|
74
74
|
"repository": "https://github.com/prettier/eslint-config-prettier",
|
|
75
75
|
"licenseUrl": "https://github.com/prettier/eslint-config-prettier/raw/HEAD/LICENSE"
|
|
76
76
|
},
|
|
77
|
-
"eslint@
|
|
77
|
+
"eslint@9.34.0": {
|
|
78
78
|
"licenses": "MIT",
|
|
79
79
|
"repository": "https://github.com/eslint/eslint",
|
|
80
80
|
"licenseUrl": "https://github.com/eslint/eslint/raw/HEAD/LICENSE"
|
|
81
81
|
},
|
|
82
|
-
"github-markdown-css@5.
|
|
82
|
+
"github-markdown-css@5.8.1": {
|
|
83
83
|
"licenses": "MIT",
|
|
84
84
|
"repository": "https://github.com/sindresorhus/github-markdown-css",
|
|
85
85
|
"licenseUrl": "https://github.com/sindresorhus/github-markdown-css/raw/HEAD/license"
|
|
86
86
|
},
|
|
87
|
-
"highlight.js@11.
|
|
87
|
+
"highlight.js@11.11.1": {
|
|
88
88
|
"licenses": "BSD-3-Clause",
|
|
89
89
|
"repository": "https://github.com/highlightjs/highlight.js",
|
|
90
90
|
"licenseUrl": "https://github.com/highlightjs/highlight.js/raw/HEAD/LICENSE"
|
|
91
91
|
},
|
|
92
|
-
"junit-report-builder@
|
|
92
|
+
"junit-report-builder@5.1.1": {
|
|
93
93
|
"licenses": "MIT",
|
|
94
94
|
"repository": "https://github.com/davidparsson/junit-report-builder",
|
|
95
95
|
"licenseUrl": "https://github.com/davidparsson/junit-report-builder/raw/HEAD/LICENSE"
|
|
96
96
|
},
|
|
97
|
-
"lint-staged@
|
|
97
|
+
"lint-staged@16.1.5": {
|
|
98
98
|
"licenses": "MIT",
|
|
99
|
-
"repository": "https://github.com/
|
|
100
|
-
"licenseUrl": "https://github.com/
|
|
99
|
+
"repository": "https://github.com/lint-staged/lint-staged",
|
|
100
|
+
"licenseUrl": "https://github.com/lint-staged/lint-staged/raw/HEAD/LICENSE"
|
|
101
101
|
},
|
|
102
|
-
"marked@
|
|
102
|
+
"marked@16.2.1": {
|
|
103
103
|
"licenses": "MIT",
|
|
104
104
|
"repository": "https://github.com/markedjs/marked",
|
|
105
105
|
"licenseUrl": "https://github.com/markedjs/marked/raw/HEAD/LICENSE.md"
|
|
106
106
|
},
|
|
107
|
-
"postcss-prefix-selector@1.
|
|
107
|
+
"postcss-prefix-selector@2.1.1": {
|
|
108
108
|
"licenses": "MIT",
|
|
109
109
|
"repository": "https://github.com/RadValentin/postcss-prefix-selector",
|
|
110
110
|
"licenseUrl": "https://github.com/RadValentin/postcss-prefix-selector/raw/HEAD/LICENSE"
|
|
111
111
|
},
|
|
112
|
-
"postcss@8.
|
|
112
|
+
"postcss@8.5.6": {
|
|
113
113
|
"licenses": "MIT",
|
|
114
114
|
"repository": "https://github.com/postcss/postcss",
|
|
115
115
|
"licenseUrl": "https://github.com/postcss/postcss/raw/HEAD/LICENSE"
|
|
116
116
|
},
|
|
117
|
-
"prettier@3.
|
|
117
|
+
"prettier@3.6.2": {
|
|
118
118
|
"licenses": "MIT",
|
|
119
119
|
"repository": "https://github.com/prettier/prettier",
|
|
120
120
|
"licenseUrl": "https://github.com/prettier/prettier/raw/HEAD/LICENSE"
|
|
@@ -124,62 +124,67 @@
|
|
|
124
124
|
"repository": "https://github.com/sindresorhus/resolve-pkg",
|
|
125
125
|
"licenseUrl": "https://github.com/sindresorhus/resolve-pkg/raw/HEAD/license"
|
|
126
126
|
},
|
|
127
|
-
"sass@1.
|
|
127
|
+
"sass@1.91.0": {
|
|
128
128
|
"licenses": "MIT",
|
|
129
129
|
"repository": "https://github.com/sass/dart-sass",
|
|
130
130
|
"licenseUrl": "https://github.com/sass/dart-sass/raw/HEAD/LICENSE"
|
|
131
131
|
},
|
|
132
|
-
"stylelint-config-recommended-scss@
|
|
132
|
+
"stylelint-config-recommended-scss@16.0.0": {
|
|
133
133
|
"licenses": "MIT",
|
|
134
134
|
"repository": "https://github.com/stylelint-scss/stylelint-config-recommended-scss",
|
|
135
135
|
"licenseUrl": "https://github.com/stylelint-scss/stylelint-config-recommended-scss/raw/HEAD/LICENSE"
|
|
136
136
|
},
|
|
137
|
-
"stylelint-config-standard@
|
|
137
|
+
"stylelint-config-standard@39.0.0": {
|
|
138
138
|
"licenses": "MIT",
|
|
139
139
|
"repository": "https://github.com/stylelint/stylelint-config-standard",
|
|
140
140
|
"licenseUrl": "https://github.com/stylelint/stylelint-config-standard/raw/HEAD/LICENSE"
|
|
141
141
|
},
|
|
142
|
-
"stylelint-scss@6.
|
|
142
|
+
"stylelint-scss@6.12.1": {
|
|
143
143
|
"licenses": "MIT",
|
|
144
144
|
"repository": "https://github.com/stylelint-scss/stylelint-scss",
|
|
145
145
|
"licenseUrl": "https://github.com/stylelint-scss/stylelint-scss/raw/HEAD/LICENSE"
|
|
146
146
|
},
|
|
147
|
-
"stylelint@16.1
|
|
147
|
+
"stylelint@16.23.1": {
|
|
148
148
|
"licenses": "MIT",
|
|
149
149
|
"repository": "https://github.com/stylelint/stylelint",
|
|
150
150
|
"licenseUrl": "https://github.com/stylelint/stylelint/raw/HEAD/LICENSE"
|
|
151
151
|
},
|
|
152
|
-
"tsup@8.0
|
|
152
|
+
"tsup@8.5.0": {
|
|
153
153
|
"licenses": "MIT",
|
|
154
154
|
"repository": "https://github.com/egoist/tsup",
|
|
155
155
|
"licenseUrl": "https://github.com/egoist/tsup/raw/HEAD/LICENSE"
|
|
156
156
|
},
|
|
157
|
-
"turbo@
|
|
158
|
-
"licenses": "
|
|
159
|
-
"repository": "https://github.com/vercel/
|
|
160
|
-
"licenseUrl": "https://github.com/vercel/
|
|
157
|
+
"turbo@2.5.6": {
|
|
158
|
+
"licenses": "MIT",
|
|
159
|
+
"repository": "https://github.com/vercel/turborepo",
|
|
160
|
+
"licenseUrl": "https://github.com/vercel/turborepo/raw/HEAD/LICENSE"
|
|
161
|
+
},
|
|
162
|
+
"typescript-eslint@8.41.0": {
|
|
163
|
+
"licenses": "MIT",
|
|
164
|
+
"repository": "https://github.com/typescript-eslint/typescript-eslint",
|
|
165
|
+
"licenseUrl": "https://github.com/typescript-eslint/typescript-eslint/raw/HEAD/LICENSE"
|
|
161
166
|
},
|
|
162
|
-
"typescript@5.
|
|
167
|
+
"typescript@5.9.2": {
|
|
163
168
|
"licenses": "Apache-2.0",
|
|
164
|
-
"repository": "https://github.com/
|
|
165
|
-
"licenseUrl": "https://github.com/
|
|
169
|
+
"repository": "https://github.com/microsoft/TypeScript",
|
|
170
|
+
"licenseUrl": "https://github.com/microsoft/TypeScript/raw/HEAD/LICENSE.txt"
|
|
166
171
|
},
|
|
167
|
-
"vite-tsconfig-paths@
|
|
172
|
+
"vite-tsconfig-paths@5.1.4": {
|
|
168
173
|
"licenses": "MIT",
|
|
169
174
|
"repository": "https://github.com/aleclarson/vite-tsconfig-paths",
|
|
170
175
|
"licenseUrl": "https://github.com/aleclarson/vite-tsconfig-paths/raw/HEAD/LICENSE"
|
|
171
176
|
},
|
|
172
|
-
"vite@
|
|
177
|
+
"vite@7.1.3": {
|
|
173
178
|
"licenses": "MIT",
|
|
174
179
|
"repository": "https://github.com/vitejs/vite",
|
|
175
180
|
"licenseUrl": "https://github.com/vitejs/vite/raw/HEAD/LICENSE.md"
|
|
176
181
|
},
|
|
177
|
-
"vitest@
|
|
182
|
+
"vitest@3.2.4": {
|
|
178
183
|
"licenses": "MIT",
|
|
179
184
|
"repository": "https://github.com/vitest-dev/vitest",
|
|
180
185
|
"licenseUrl": "https://github.com/vitest-dev/vitest/raw/HEAD/LICENSE.md"
|
|
181
186
|
},
|
|
182
|
-
"yargs@
|
|
187
|
+
"yargs@18.0.0": {
|
|
183
188
|
"licenses": "MIT",
|
|
184
189
|
"repository": "https://github.com/yargs/yargs",
|
|
185
190
|
"licenseUrl": "https://github.com/yargs/yargs/raw/HEAD/LICENSE"
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cas-smartdesign/styles",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.7.0",
|
|
4
4
|
"description": "A shared package providing style variables and basic style sheets to create SmartDesign like components and apps.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"devDependencies": {
|
|
7
|
-
"sass": "^1.
|
|
8
|
-
"@cas-smartdesign/element-preview": "^0.
|
|
9
|
-
"@cas-smartdesign/license-generator": "^1.
|
|
7
|
+
"sass": "^1.91.0",
|
|
8
|
+
"@cas-smartdesign/element-preview": "^0.3.0",
|
|
9
|
+
"@cas-smartdesign/license-generator": "^1.7.0"
|
|
10
10
|
},
|
|
11
11
|
"files": [
|
|
12
12
|
"dist/docs/*",
|
package/readme.md
CHANGED
|
@@ -55,5 +55,3 @@ Files in this folder contain rules that are specific for a topic or component.
|
|
|
55
55
|
- Only use !important keyword for very specific rules (e.g. sd-hidden, sd-red)
|
|
56
56
|
- A variable file must not reference to files outside the variables folder (e.g. the modules folder)
|
|
57
57
|
- A module file can use other modules and variables, but dependencies should be imported explicitly
|
|
58
|
-
|
|
59
|
-
## Examples
|
package/scss/modules/_app.scss
CHANGED