Skip to content

Commit

Permalink
fix(styles): process CSS in package for use directly in a browser
Browse files Browse the repository at this point in the history
  • Loading branch information
@Westbrook
Westbrook committed Jan 4, 2021
1 parent 6406c96 commit cf52924
Show file tree
Hide file tree
Showing 10 changed files with 561 additions and 825 deletions.
210 changes: 94 additions & 116 deletions packages/styles/core-global.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,9 +11,8 @@ governing permissions and limitations under the License.
*/

/* stylelint-disable */
:root,
:host {
/* spectrum-animationGlobals.css */
:host,
:root {
--spectrum-global-animation-duration-0: 0ms;
--spectrum-global-animation-duration-100: 130ms;
--spectrum-global-animation-duration-200: 160ms;
Expand All @@ -31,97 +30,95 @@ governing permissions and limitations under the License.
--spectrum-global-animation-ease-in: cubic-bezier(0.5, 0, 1, 1);
--spectrum-global-animation-ease-out: cubic-bezier(0, 0, 0.4, 1);
--spectrum-global-animation-linear: cubic-bezier(0, 0, 1, 1);

/* spectrum-colorGlobals.css */
--spectrum-global-color-status: Verified;
--spectrum-global-color-version: 5.1;
--spectrum-global-color-static-black: rgb(0, 0, 0);
--spectrum-global-color-static-white: rgb(255, 255, 255);
--spectrum-global-color-static-blue: rgb(20, 115, 230);
--spectrum-global-color-static-gray-50: rgb(255, 255, 255);
--spectrum-global-color-static-gray-75: rgb(255, 255, 255);
--spectrum-global-color-static-gray-100: rgb(255, 255, 255);
--spectrum-global-color-static-gray-200: rgb(244, 244, 244);
--spectrum-global-color-static-gray-300: rgb(234, 234, 234);
--spectrum-global-color-static-gray-400: rgb(211, 211, 211);
--spectrum-global-color-static-gray-500: rgb(188, 188, 188);
--spectrum-global-color-static-gray-600: rgb(149, 149, 149);
--spectrum-global-color-static-gray-700: rgb(116, 116, 116);
--spectrum-global-color-static-gray-800: rgb(80, 80, 80);
--spectrum-global-color-static-gray-900: rgb(50, 50, 50);
--spectrum-global-color-static-blue-200: rgb(90, 169, 250);
--spectrum-global-color-static-blue-300: rgb(75, 156, 245);
--spectrum-global-color-static-blue-400: rgb(55, 142, 240);
--spectrum-global-color-static-blue-500: rgb(38, 128, 235);
--spectrum-global-color-static-blue-600: rgb(20, 115, 230);
--spectrum-global-color-static-blue-700: rgb(13, 102, 208);
--spectrum-global-color-static-blue-800: rgb(9, 90, 186);
--spectrum-global-color-static-red-400: rgb(236, 91, 98);
--spectrum-global-color-static-red-500: rgb(227, 72, 80);
--spectrum-global-color-static-red-600: rgb(215, 55, 63);
--spectrum-global-color-static-red-700: rgb(201, 37, 45);
--spectrum-global-color-static-red-800: rgb(187, 18, 26);
--spectrum-global-color-static-orange-400: rgb(242, 148, 35);
--spectrum-global-color-static-orange-500: rgb(230, 134, 25);
--spectrum-global-color-static-orange-600: rgb(218, 123, 17);
--spectrum-global-color-static-orange-700: rgb(203, 111, 16);
--spectrum-global-color-static-orange-800: rgb(189, 100, 13);
--spectrum-global-color-static-green-400: rgb(51, 171, 132);
--spectrum-global-color-static-green-500: rgb(45, 157, 120);
--spectrum-global-color-static-green-600: rgb(38, 142, 108);
--spectrum-global-color-static-green-700: rgb(18, 128, 92);
--spectrum-global-color-static-green-800: rgb(16, 113, 84);
--spectrum-global-color-static-celery-200: rgb(88, 224, 111);
--spectrum-global-color-static-celery-300: rgb(81, 210, 103);
--spectrum-global-color-static-celery-400: rgb(75, 195, 95);
--spectrum-global-color-static-celery-500: rgb(68, 181, 86);
--spectrum-global-color-static-celery-600: rgb(61, 167, 78);
--spectrum-global-color-static-celery-700: rgb(55, 153, 71);
--spectrum-global-color-static-celery-800: rgb(49, 139, 64);
--spectrum-global-color-static-chartreuse-300: rgb(155, 236, 84);
--spectrum-global-color-static-chartreuse-400: rgb(142, 222, 73);
--spectrum-global-color-static-chartreuse-500: rgb(133, 208, 68);
--spectrum-global-color-static-chartreuse-600: rgb(124, 195, 63);
--spectrum-global-color-static-chartreuse-700: rgb(115, 181, 58);
--spectrum-global-color-static-chartreuse-800: rgb(106, 168, 52);
--spectrum-global-color-static-yellow-200: rgb(255, 226, 46);
--spectrum-global-color-static-yellow-300: rgb(250, 217, 0);
--spectrum-global-color-static-yellow-400: rgb(237, 204, 0);
--spectrum-global-color-static-yellow-500: rgb(223, 191, 0);
--spectrum-global-color-static-yellow-600: rgb(210, 178, 0);
--spectrum-global-color-static-yellow-700: rgb(196, 166, 0);
--spectrum-global-color-static-yellow-800: rgb(183, 153, 0);
--spectrum-global-color-static-magenta-200: rgb(245, 107, 183);
--spectrum-global-color-static-magenta-300: rgb(236, 90, 170);
--spectrum-global-color-static-magenta-400: rgb(226, 73, 157);
--spectrum-global-color-static-magenta-500: rgb(216, 55, 144);
--spectrum-global-color-static-magenta-600: rgb(202, 41, 130);
--spectrum-global-color-static-magenta-700: rgb(188, 28, 116);
--spectrum-global-color-static-magenta-800: rgb(174, 14, 102);
--spectrum-global-color-static-fuchsia-400: rgb(207, 62, 220);
--spectrum-global-color-static-fuchsia-500: rgb(192, 56, 204);
--spectrum-global-color-static-fuchsia-600: rgb(177, 48, 189);
--spectrum-global-color-static-fuchsia-700: rgb(162, 40, 173);
--spectrum-global-color-static-fuchsia-800: rgb(147, 33, 158);
--spectrum-global-color-static-purple-400: rgb(157, 100, 225);
--spectrum-global-color-static-purple-500: rgb(146, 86, 217);
--spectrum-global-color-static-purple-600: rgb(134, 76, 204);
--spectrum-global-color-static-purple-700: rgb(122, 66, 191);
--spectrum-global-color-static-purple-800: rgb(111, 56, 177);
--spectrum-global-color-static-indigo-200: rgb(144, 144, 250);
--spectrum-global-color-static-indigo-300: rgb(130, 130, 246);
--spectrum-global-color-static-indigo-400: rgb(117, 117, 241);
--spectrum-global-color-static-indigo-500: rgb(103, 103, 236);
--spectrum-global-color-static-indigo-600: rgb(92, 92, 224);
--spectrum-global-color-static-indigo-700: rgb(81, 81, 211);
--spectrum-global-color-static-indigo-800: rgb(70, 70, 198);
--spectrum-global-color-static-seafoam-200: rgb(38, 192, 199);
--spectrum-global-color-static-seafoam-300: rgb(35, 178, 184);
--spectrum-global-color-static-seafoam-400: rgb(32, 163, 168);
--spectrum-global-color-static-seafoam-500: rgb(27, 149, 154);
--spectrum-global-color-static-seafoam-600: rgb(22, 135, 140);
--spectrum-global-color-static-seafoam-700: rgb(15, 121, 125);
--spectrum-global-color-static-seafoam-800: rgb(9, 108, 111);
--spectrum-global-color-static-black: #000;
--spectrum-global-color-static-white: #fff;
--spectrum-global-color-static-blue: #1473e6;
--spectrum-global-color-static-gray-50: #fff;
--spectrum-global-color-static-gray-75: #fff;
--spectrum-global-color-static-gray-100: #fff;
--spectrum-global-color-static-gray-200: #f4f4f4;
--spectrum-global-color-static-gray-300: #eaeaea;
--spectrum-global-color-static-gray-400: #d3d3d3;
--spectrum-global-color-static-gray-500: #bcbcbc;
--spectrum-global-color-static-gray-600: #959595;
--spectrum-global-color-static-gray-700: #747474;
--spectrum-global-color-static-gray-800: #505050;
--spectrum-global-color-static-gray-900: #323232;
--spectrum-global-color-static-blue-200: #5aa9fa;
--spectrum-global-color-static-blue-300: #4b9cf5;
--spectrum-global-color-static-blue-400: #378ef0;
--spectrum-global-color-static-blue-500: #2680eb;
--spectrum-global-color-static-blue-600: #1473e6;
--spectrum-global-color-static-blue-700: #0d66d0;
--spectrum-global-color-static-blue-800: #095aba;
--spectrum-global-color-static-red-400: #ec5b62;
--spectrum-global-color-static-red-500: #e34850;
--spectrum-global-color-static-red-600: #d7373f;
--spectrum-global-color-static-red-700: #c9252d;
--spectrum-global-color-static-red-800: #bb121a;
--spectrum-global-color-static-orange-400: #f29423;
--spectrum-global-color-static-orange-500: #e68619;
--spectrum-global-color-static-orange-600: #da7b11;
--spectrum-global-color-static-orange-700: #cb6f10;
--spectrum-global-color-static-orange-800: #bd640d;
--spectrum-global-color-static-green-400: #33ab84;
--spectrum-global-color-static-green-500: #2d9d78;
--spectrum-global-color-static-green-600: #268e6c;
--spectrum-global-color-static-green-700: #12805c;
--spectrum-global-color-static-green-800: #107154;
--spectrum-global-color-static-celery-200: #58e06f;
--spectrum-global-color-static-celery-300: #51d267;
--spectrum-global-color-static-celery-400: #4bc35f;
--spectrum-global-color-static-celery-500: #44b556;
--spectrum-global-color-static-celery-600: #3da74e;
--spectrum-global-color-static-celery-700: #379947;
--spectrum-global-color-static-celery-800: #318b40;
--spectrum-global-color-static-chartreuse-300: #9bec54;
--spectrum-global-color-static-chartreuse-400: #8ede49;
--spectrum-global-color-static-chartreuse-500: #85d044;
--spectrum-global-color-static-chartreuse-600: #7cc33f;
--spectrum-global-color-static-chartreuse-700: #73b53a;
--spectrum-global-color-static-chartreuse-800: #6aa834;
--spectrum-global-color-static-yellow-200: #ffe22e;
--spectrum-global-color-static-yellow-300: #fad900;
--spectrum-global-color-static-yellow-400: #edcc00;
--spectrum-global-color-static-yellow-500: #dfbf00;
--spectrum-global-color-static-yellow-600: #d2b200;
--spectrum-global-color-static-yellow-700: #c4a600;
--spectrum-global-color-static-yellow-800: #b79900;
--spectrum-global-color-static-magenta-200: #f56bb7;
--spectrum-global-color-static-magenta-300: #ec5aaa;
--spectrum-global-color-static-magenta-400: #e2499d;
--spectrum-global-color-static-magenta-500: #d83790;
--spectrum-global-color-static-magenta-600: #ca2982;
--spectrum-global-color-static-magenta-700: #bc1c74;
--spectrum-global-color-static-magenta-800: #ae0e66;
--spectrum-global-color-static-fuchsia-400: #cf3edc;
--spectrum-global-color-static-fuchsia-500: #c038cc;
--spectrum-global-color-static-fuchsia-600: #b130bd;
--spectrum-global-color-static-fuchsia-700: #a228ad;
--spectrum-global-color-static-fuchsia-800: #93219e;
--spectrum-global-color-static-purple-400: #9d64e1;
--spectrum-global-color-static-purple-500: #9256d9;
--spectrum-global-color-static-purple-600: #864ccc;
--spectrum-global-color-static-purple-700: #7a42bf;
--spectrum-global-color-static-purple-800: #6f38b1;
--spectrum-global-color-static-indigo-200: #9090fa;
--spectrum-global-color-static-indigo-300: #8282f6;
--spectrum-global-color-static-indigo-400: #7575f1;
--spectrum-global-color-static-indigo-500: #6767ec;
--spectrum-global-color-static-indigo-600: #5c5ce0;
--spectrum-global-color-static-indigo-700: #5151d3;
--spectrum-global-color-static-indigo-800: #4646c6;
--spectrum-global-color-static-seafoam-200: #26c0c7;
--spectrum-global-color-static-seafoam-300: #23b2b8;
--spectrum-global-color-static-seafoam-400: #20a3a8;
--spectrum-global-color-static-seafoam-500: #1b959a;
--spectrum-global-color-static-seafoam-600: #16878c;
--spectrum-global-color-static-seafoam-700: #0f797d;
--spectrum-global-color-static-seafoam-800: #096c6f;
--spectrum-global-color-opacity-100: 1;
--spectrum-global-color-opacity-90: 0.9;
--spectrum-global-color-opacity-80: 0.8;
Expand All @@ -139,8 +136,6 @@ governing permissions and limitations under the License.
--spectrum-global-color-opacity-6: 0.06;
--spectrum-global-color-opacity-5: 0.05;
--spectrum-global-color-opacity-4: 0.04;

/* spectrum-colorSemantics.css */
--spectrum-semantic-negative-color-background: var(
--spectrum-global-color-static-red-700
);
Expand Down Expand Up @@ -345,15 +340,13 @@ governing permissions and limitations under the License.
--spectrum-semantic-presence-color-3: var(
--spectrum-global-color-static-yellow-400
);
--spectrum-semantic-presence-color-4: rgb(75, 204, 162);
--spectrum-semantic-presence-color-5: rgb(0, 199, 255);
--spectrum-semantic-presence-color-6: rgb(0, 140, 184);
--spectrum-semantic-presence-color-7: rgb(126, 75, 243);
--spectrum-semantic-presence-color-4: #4bcca2;
--spectrum-semantic-presence-color-5: #00c7ff;
--spectrum-semantic-presence-color-6: #008cb8;
--spectrum-semantic-presence-color-7: #7e4bf3;
--spectrum-semantic-presence-color-8: var(
--spectrum-global-color-static-fuchsia-600
);

/* spectrum-dimensionGlobals.css */
--spectrum-global-dimension-static-size-0: 0px;
--spectrum-global-dimension-static-size-10: 1px;
--spectrum-global-dimension-static-size-25: 2px;
Expand Down Expand Up @@ -413,8 +406,6 @@ governing permissions and limitations under the License.
--spectrum-global-dimension-static-grid-columns: 12;
--spectrum-global-dimension-static-grid-fluid-width: 100%;
--spectrum-global-dimension-static-grid-fixed-max-width: 1280px;

/* spectrum-fontGlobals.css */
--spectrum-global-font-family-base: adobe-clean, 'Source Sans Pro',
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu,
'Trebuchet MS', 'Lucida Grande', sans-serif;
Expand All @@ -441,8 +432,6 @@ governing permissions and limitations under the License.
--spectrum-global-font-line-height-small: 1.3;
--spectrum-global-font-multiplier-25: 0.25em;
--spectrum-global-font-multiplier-75: 0.75em;

/* spectrum-staticAliases.css */
--spectrum-alias-border-size-thin: var(
--spectrum-global-dimension-static-size-10
);
Expand Down Expand Up @@ -717,11 +706,6 @@ governing permissions and limitations under the License.
--spectrum-alias-loupe-exit-animation-duration: var(
--spectrum-global-animation-duration-300
);
}

:root,
:host {
/* spectrum-dimensionAliases.css */
--spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-50);
--spectrum-alias-dropshadow-offset-y: var(
--spectrum-global-dimension-size-10
Expand Down Expand Up @@ -995,11 +979,6 @@ governing permissions and limitations under the License.
--spectrum-alias-avatar-size-300: var(--spectrum-global-dimension-size-325);
--spectrum-alias-avatar-size-500: var(--spectrum-global-dimension-size-400);
--spectrum-alias-avatar-size-700: var(--spectrum-global-dimension-size-500);
}

:root,
:host {
/* spectrum-colorAliases.css */
--spectrum-alias-background-color-default: var(
--spectrum-global-color-gray-100
);
Expand Down Expand Up @@ -1062,7 +1041,7 @@ governing permissions and limitations under the License.
--spectrum-alias-track-color-disabled: var(
--spectrum-global-color-gray-300
);
--spectrum-alias-track-color-over-background: rgba(255, 255, 255, 0.2);
--spectrum-alias-track-color-over-background: hsla(0, 0%, 100%, 0.2);
--spectrum-alias-icon-color: var(--spectrum-global-color-gray-700);
--spectrum-alias-icon-color-over-background: var(
--spectrum-global-color-static-white
Expand Down Expand Up @@ -1173,5 +1152,4 @@ governing permissions and limitations under the License.
--spectrum-global-color-static-yellow-200
);
}

/* stylelint-enable */
Loading

0 comments on commit cf52924

Please sign in to comment.